1
00:00:00,630 --> 00:00:04,510
W tym filmie mamy zamiar rozmawiać o kilku innych sposobów wybierania elementów.

2
00:00:04,590 --> 00:00:07,530
Oprócz trzech głównych te, które widzieliśmy do tej pory.

3
00:00:08,070 --> 00:00:37,780
I po prostu podsumować te trzy są elementy selektora klasy i selektor identyfikatora więc elementem będzie wyglądać klasy Ally z podobnym Dot niskie i ID jest ze sztuką lub skrótu symbolu i cokolwiek umieścić wewnątrz będzie kierować identyfikator lub klasę lub całość elementy typu.

4
00:00:37,800 --> 00:00:42,290
To są trzy możliwe sposoby, wybierając elementy, ale jest o wiele więcej.

5
00:00:42,660 --> 00:00:47,310
I mamy zamiar skupić się na pięciu tutaj i tych pięciu są te, które myślę, że najważniejsze są najczęściej.

6
00:00:47,460 --> 00:00:49,020
Ale istnieje wiele innych.

7
00:00:49,230 --> 00:00:54,330
W rzeczywistości nie jest w tym artykule, że powiązana i opis na Tutt na Plus to darmowy artykuł.

8
00:00:54,330 --> 00:00:55,350
Jest naprawdę świetnie.

9
00:00:55,350 --> 00:01:01,710
To się nazywa 30 CSSA selektorów trzeba zapamiętać i zanim paniki nie trzeba zapamiętywać tych.

10
00:01:01,920 --> 00:01:05,700
Będziesz naturalnie zapamiętać te ważniejsze i te, które używamy cały czas.

11
00:01:05,910 --> 00:01:11,850
Ale punkt tego artykułu jest stwierdzenie, że istnieją co najmniej 30 dobrych, które powinieneś wiedzieć.

12
00:01:11,910 --> 00:01:17,030
Nie wspominając, jeśli są to tylko 30, które trzeba zapamiętać, że jest jeszcze sporo.

13
00:01:17,130 --> 00:01:20,980
I są o wiele bardziej, że artykuł ten wskazuje, nie musisz wiedzieć.

14
00:01:21,120 --> 00:01:23,590
Więc chodzi o to, istnieje wiele różnych sposobów na zrealizowanie tego.

15
00:01:23,610 --> 00:01:29,270
Ten artykuł zwraca uwagę 30 z nich, a ja po prostu się przejść przez pięć lub sześć z ważniejszych z nich.

16
00:01:29,460 --> 00:01:31,300
Więc polecam, aby dać to przeczytać.

17
00:01:31,320 --> 00:01:40,340
Nie będzie to ćwiczenie w następnym filmie, który obejmuje wiele co wchodzi w zakres tego artykułu, jak również, co omówimy tu i nasz edytor tekstu.

18
00:01:40,770 --> 00:01:43,060
Więc mam kilka podstawowych HMO.

19
00:01:43,470 --> 00:01:45,920
I nie zamierzam przejść przez proces tworzenia pliku.

20
00:01:45,960 --> 00:01:55,190
To nie jest jeden, że trzeba koniecznie wraz z kodem, ale jest to podstawowy krawędziach go wygląda następująco, gdzie mamy H1.

21
00:01:55,650 --> 00:01:57,860
Mamy link, który idzie do Google.

22
00:01:57,960 --> 00:02:00,190
Mamy UL z trzema sojuszników.

23
00:02:00,600 --> 00:02:15,860
Następnie mamy h dla a potem jeszcze będziesz z trzema sojusznikami a potem jeszcze cztery, a potem jeszcze jeden będzie z trzech sojuszników ale każdy sojusznik ma teraz link i pierwszy również idzie do Google, jak ten link tutaj.

24
00:02:16,180 --> 00:02:19,540
Potem drugi idzie się z Facebookiem i ostatni wychodzi, aby ją przeczytać.

25
00:02:19,590 --> 00:02:20,650
Tak prosty znaczników.

26
00:02:20,970 --> 00:02:23,520
A potem mam arkusz stylów zawarte zwane selektorów.

27
00:02:23,540 --> 00:02:38,360
SS Więc tutaj mamy zamiar wypełnić RC SS Więc to pierwszy taki, który mamy zamiar rozmawiać o nazywa selektora D-Star i to z gwiazdką i będzie zaznaczyć wszystko na stronie.

28
00:02:38,730 --> 00:02:43,930
Więc to nie jest coś, co naprawdę chcesz robić wszystko, co często, ale wygląda to tak.

29
00:02:44,080 --> 00:02:47,930
A potem, co mamy rzeczywiście stosuje się do każdego pojedynczego elementu.

30
00:02:48,750 --> 00:03:02,800
Więc mam zamiar dać z siebie wszystko w sobie element jednego piksela stałe jasnoszarym i można zobaczyć, gdy zrobić, że każdy pojedynczy element na stronie, korpus H-1, każde ogniwo.

31
00:03:02,960 --> 00:03:06,800
Ally w H dla wszystkich uzyskać obramowanie wokół.

32
00:03:07,080 --> 00:03:11,260
Więc to nie jest coś, co trzeba zrobić dużo, ale widać to sporadycznie.

33
00:03:11,550 --> 00:03:17,970
Kolejna z nich to potomkowie Lechter a ten będziesz używać i zobaczyć cały czas.

34
00:03:18,030 --> 00:03:27,150
Więc sposób, że selektor potomka działa jest to, że zajmuje dwie lub więcej nazw znaczników lub dwóch lub więcej selektorów oraz tworzenia łańcucha je razem.

35
00:03:27,150 --> 00:03:41,350
Więc podam przykład, jeśli chcesz wybrać wszystkie znaczniki zakotwiczenia, które są wewnątrz sojusznika tylko tagi anchor wewnątrz sojusznika nie pojawi się znacznik kotwicy, że tylko na własną rękę.

36
00:03:41,580 --> 00:03:45,860
Chcę wybrać wszystkie znaczniki zakotwiczenia, które są potomkami sojusznika.

37
00:03:46,170 --> 00:03:53,340
Więc to zrobić składnia wygląda przestrzeni Ally i zakotwiczyć tag.

38
00:03:53,970 --> 00:03:59,610
Więc to będzie wybrać wszystko, co jest znacznik wiek wewnątrz sojusznika i mogliśmy jechać dalej z tym.

39
00:03:59,610 --> 00:04:10,680
Gdybyśmy mieli więcej, więc może również przepisać tego jak ten każdy kotwicy tagu, który jest wewnątrz sojusznika, który jest wewnątrz UL, która jest, co mamy tutaj, ale to jest zbędne w naszym przypadku.

40
00:04:11,460 --> 00:04:16,440
I mogę też powiedzieć, każda kotwica tangere wszystko z klasą Witam.

41
00:04:16,560 --> 00:04:20,070
Wewnątrz sojusznika, ale nie mamy żadnych znaczników, który pasuje do tego.

42
00:04:20,070 --> 00:04:22,120
Więc każdy tag kotwicy wewnątrz sojusznika.

43
00:04:22,350 --> 00:04:28,720
I niech po prostu nadać mu kolor czerwony i odświeżyć.

44
00:04:29,100 --> 00:04:32,460
I widać te trzy znaczniki kotwiące są czerwone.

45
00:04:32,490 --> 00:04:34,690
Ten jest bez zmian.

46
00:04:35,580 --> 00:04:38,400
Następna w kolejce jest sąsiedni selektora.

47
00:04:38,970 --> 00:04:44,980
Więc z sąsiednią selektor będzie zrobić, to będzie ona podoba niech nam wybrać elementy, które pochodzą od innego elementu.

48
00:04:45,030 --> 00:04:49,910
Więc nie zagnieżdżony jak to jest sojusznikiem zagnieżdżone w studni.

49
00:04:50,100 --> 00:04:52,200
To pozwala nam wybrać rodzeństwo.

50
00:04:52,350 --> 00:05:01,200
Więc mamy zamiar wybrać wszystkie ULS, które przychodzą po h przez i po prostu mamy na myśli na tym samym poziomie.

51
00:05:01,200 --> 00:05:07,970
Więc nie wcięte nie wewnątrz widelca, ale bezpośrednio po prostu jako rodzeństwo na tym samym poziomie w h dla niego.

52
00:05:07,980 --> 00:05:11,410
Tak to się nazywa sąsiedni selekcyjny i wygląda to tak.

53
00:05:11,670 --> 00:05:16,780
Jedziemy do powiedzenia wiek Four Plus będzie.

54
00:05:16,890 --> 00:05:21,920
Więc bez plusem byłoby to wszystko nas do środka i wiek 4 ale z plusem.

55
00:05:21,960 --> 00:05:24,810
To po prostu jest nam, że przylegają do wieku 4.

56
00:05:24,990 --> 00:05:34,080
A ja po prostu zamiar dać granica zróbmy na czerwono czterech pikseli i powinniśmy zobaczyć te dwa UL, że sąsiadują ze sobą.

57
00:05:34,080 --> 00:05:40,740
Pochodzą one w tym wieku po cztery na tym samym poziomie, mają czerwone obramowanie.

58
00:05:40,920 --> 00:05:46,170
Więc jeszcze jedno, że chcę pokazać to i to jest też bardzo ważne jest nazywany selektor atrybutu.

59
00:05:46,410 --> 00:05:51,270
I tak selektor atrybutu jest sposobem, aby wybrać elementy oparte off jakiegokolwiek atrybutu.

60
00:05:51,660 --> 00:05:56,620
Tak więc w naszym przypadku mamy zamiar zrobić selekcję opartą off atrybutu ref H.

61
00:05:56,970 --> 00:06:01,920
Jedziemy sprawdzić zamierzamy włączyć wszystkie linki do Google, gdzie H.F. jest kropka com Google.

62
00:06:01,920 --> 00:06:15,210
Mamy zamiar uczynić z nich jeden kolor, ale można również wykorzystać do zaznaczenia wszystkich obrazów z określonego źródła lub wszystkie wejścia danego typu jak wszystkie pola wyboru lub wszystkich polach haseł lub coś.

63
00:06:15,210 --> 00:06:24,290
Więc składnia wpisujemy tag kotwicy a następnie nawiasach kwadratowych, a następnie wewnątrz mamy zamiar wprowadzić atrybut, który szukamy.

64
00:06:24,540 --> 00:06:32,850
Więc Tref równa, a następnie jedziemy zrobić linki do Google.

65
00:06:32,850 --> 00:06:50,530
Więc to będzie wybrać każdy znacznik zakotwiczenia HGF równą tej, a potem po prostu dzieje, aby nadać mu kolor pozwala nadać mu niebieskim tle i można zobaczyć te dwa linki.

66
00:06:50,520 --> 00:06:53,650
Ten pierwszy idzie do Google, a drugi idzie do Google.

67
00:06:53,820 --> 00:06:54,750
Więc oni są niebieskie.

68
00:06:54,870 --> 00:06:57,270
Ale dwa inne linki nie idą do Google.

69
00:06:57,270 --> 00:06:59,340
Idą z Facebookiem i aby ją przeczytać.

70
00:06:59,340 --> 00:07:01,030
Są więc one niezmienione.

71
00:07:01,800 --> 00:07:30,170
Więc też może i będzie rzeczywiście zobaczyć to można sobie dużo lub będą mieć input type równa tekst, jeśli chcesz go tytułować wszystkie wejścia tekstowych inaczej lub jeśli chcesz go tytułować wszystkie pola w jedną stronę, bo wszystkie wejścia chociaż nie są tak wiele różnych kolorów, aby wejść wejścia kolorów i obrazów plików i wiadomości e-mail i hasło, a następnie złożyć przyciski są wszystkie tag wejściowy.

72
00:07:30,420 --> 00:07:34,460
Więc po prostu wybrać poprzez wejście ma dać nam wszystkim różne rodzaje wejść.

73
00:07:34,500 --> 00:07:37,580
Więc często wybierają według typu.

74
00:07:37,620 --> 00:07:42,680
Więc wróćmy do naszego selektora sygn Google.

75
00:07:43,650 --> 00:07:51,710
Więc jest jeszcze jedna, że ​​chcę mówić o tutaj, które nazywa Koniec rodzaju i sposobu zakończenia typu prac jest potrzebny numer jak trzech lub pięciu.

76
00:07:51,930 --> 00:07:55,710
A potem wybiera każdy koniec konkretnego elementu.

77
00:07:55,710 --> 00:08:08,390
Więc jeśli chcę wybrać co piąty div lub co drugi sojusznika lub piąty akapit dziesiąty na stronie mogę wykorzystać i typu.

78
00:08:08,400 --> 00:08:15,120
Więc w tym przypadku Drona wybrać ostateczną UL i zrobić coś do finału.

79
00:08:15,130 --> 00:08:17,570
Dobrze trzeci.

80
00:08:18,210 --> 00:08:33,410
Załóżmy, że chcę, aby nadać mu inną granicę lub inne tło Wybiorę Well dwukropek i typu, a następnie numer jak trzy.

81
00:08:33,860 --> 00:08:35,750
I wtedy powiem tło.

82
00:08:36,080 --> 00:08:47,400
I dajmy oczywiste tła jak fioletowy i widać tylko trzeci ty dobrze się purpurowa.

83
00:08:47,400 --> 00:08:51,420
Więc ta jest przydatna, jeśli chcesz wybrać coś w dół strony.

84
00:08:51,420 --> 00:09:00,370
Jedną rzeczą, którą należy pamiętać, że choć jest to sposób, w jaki to działa to chodźmy do sojusznika i zmienić trzecią kłamstwo.

85
00:09:00,480 --> 00:09:04,120
A zanim to zrobię, że chcę, aby wyobrazić sobie, co myślisz się wydarzy.

86
00:09:04,170 --> 00:09:08,160
Więc to ma wybrać trzecią sojusznika.

87
00:09:08,400 --> 00:09:10,960
Tak, że będzie to jeden tutaj chyba.

88
00:09:11,220 --> 00:09:15,170
Ale jak się odświeżyć zobaczysz faktycznie wybiera co trzeci kłamstwo.

89
00:09:15,390 --> 00:09:19,620
Więc z każdej grupy sojuszników to będzie wybrać jedną trzecią.

90
00:09:20,210 --> 00:09:24,370
A więc jeśli miałem kilka innych.

91
00:09:26,520 --> 00:09:41,790
Ważne jest, aby pamiętać, że to wciąż tylko tak jak trzeci w danej grupie, więc nie jest to co trzeci jak gdyby ponownie wybrać szparagi i szparagi znowu to po prostu w każdej grupie z nich to będzie wybrać trzeci.