W tym filmie mamy zamiar rozmawiać o kilku innych sposobów wybierania elementów.
Oprócz trzech głównych te, które widzieliśmy do tej pory.
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.
To są trzy możliwe sposoby, wybierając elementy, ale jest o wiele więcej.
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.
Ale istnieje wiele innych.
W rzeczywistości nie jest w tym artykule, że powiązana i opis na Tutt na Plus to darmowy artykuł.
Jest naprawdę świetnie.
To się nazywa 30 CSSA selektorów trzeba zapamiętać i zanim paniki nie trzeba zapamiętywać tych.
Będziesz naturalnie zapamiętać te ważniejsze i te, które używamy cały czas.
Ale punkt tego artykułu jest stwierdzenie, że istnieją co najmniej 30 dobrych, które powinieneś wiedzieć.
Nie wspominając, jeśli są to tylko 30, które trzeba zapamiętać, że jest jeszcze sporo.
I są o wiele bardziej, że artykuł ten wskazuje, nie musisz wiedzieć.
Więc chodzi o to, istnieje wiele różnych sposobów na zrealizowanie tego.
Ten artykuł zwraca uwagę 30 z nich, a ja po prostu się przejść przez pięć lub sześć z ważniejszych z nich.
Więc polecam, aby dać to przeczytać.
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.
Więc mam kilka podstawowych HMO.
I nie zamierzam przejść przez proces tworzenia pliku.
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.
Mamy link, który idzie do Google.
Mamy UL z trzema sojuszników.
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.
Potem drugi idzie się z Facebookiem i ostatni wychodzi, aby ją przeczytać.
Tak prosty znaczników.
A potem mam arkusz stylów zawarte zwane selektorów.
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.
Więc to nie jest coś, co naprawdę chcesz robić wszystko, co często, ale wygląda to tak.
A potem, co mamy rzeczywiście stosuje się do każdego pojedynczego elementu.
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.
Ally w H dla wszystkich uzyskać obramowanie wokół.
Więc to nie jest coś, co trzeba zrobić dużo, ale widać to sporadycznie.
Kolejna z nich to potomkowie Lechter a ten będziesz używać i zobaczyć cały czas.
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.
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ę.
Chcę wybrać wszystkie znaczniki zakotwiczenia, które są potomkami sojusznika.
Więc to zrobić składnia wygląda przestrzeni Ally i zakotwiczyć tag.
Więc to będzie wybrać wszystko, co jest znacznik wiek wewnątrz sojusznika i mogliśmy jechać dalej z tym.
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.
I mogę też powiedzieć, każda kotwica tangere wszystko z klasą Witam.
Wewnątrz sojusznika, ale nie mamy żadnych znaczników, który pasuje do tego.
Więc każdy tag kotwicy wewnątrz sojusznika.
I niech po prostu nadać mu kolor czerwony i odświeżyć.
I widać te trzy znaczniki kotwiące są czerwone.
Ten jest bez zmian.
Następna w kolejce jest sąsiedni selektora.
Więc z sąsiednią selektor będzie zrobić, to będzie ona podoba niech nam wybrać elementy, które pochodzą od innego elementu.
Więc nie zagnieżdżony jak to jest sojusznikiem zagnieżdżone w studni.
To pozwala nam wybrać rodzeństwo.
Więc mamy zamiar wybrać wszystkie ULS, które przychodzą po h przez i po prostu mamy na myśli na tym samym poziomie.
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.
Tak to się nazywa sąsiedni selekcyjny i wygląda to tak.
Jedziemy do powiedzenia wiek Four Plus będzie.
Więc bez plusem byłoby to wszystko nas do środka i wiek 4 ale z plusem.
To po prostu jest nam, że przylegają do wieku 4.
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ą.
Pochodzą one w tym wieku po cztery na tym samym poziomie, mają czerwone obramowanie.
Więc jeszcze jedno, że chcę pokazać to i to jest też bardzo ważne jest nazywany selektor atrybutu.
I tak selektor atrybutu jest sposobem, aby wybrać elementy oparte off jakiegokolwiek atrybutu.
Tak więc w naszym przypadku mamy zamiar zrobić selekcję opartą off atrybutu ref H.
Jedziemy sprawdzić zamierzamy włączyć wszystkie linki do Google, gdzie H.F. jest kropka com Google.
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ś.
Więc składnia wpisujemy tag kotwicy a następnie nawiasach kwadratowych, a następnie wewnątrz mamy zamiar wprowadzić atrybut, który szukamy.
Więc Tref równa, a następnie jedziemy zrobić linki do Google.
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.
Ten pierwszy idzie do Google, a drugi idzie do Google.
Więc oni są niebieskie.
Ale dwa inne linki nie idą do Google.
Idą z Facebookiem i aby ją przeczytać.
Są więc one niezmienione.
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.
Więc po prostu wybrać poprzez wejście ma dać nam wszystkim różne rodzaje wejść.
Więc często wybierają według typu.
Więc wróćmy do naszego selektora sygn Google.
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.
A potem wybiera każdy koniec konkretnego elementu.
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.
Więc w tym przypadku Drona wybrać ostateczną UL i zrobić coś do finału.
Dobrze trzeci.
Załóżmy, że chcę, aby nadać mu inną granicę lub inne tło Wybiorę Well dwukropek i typu, a następnie numer jak trzy.
I wtedy powiem tło.
I dajmy oczywiste tła jak fioletowy i widać tylko trzeci ty dobrze się purpurowa.
Więc ta jest przydatna, jeśli chcesz wybrać coś w dół strony.
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.
A zanim to zrobię, że chcę, aby wyobrazić sobie, co myślisz się wydarzy.
Więc to ma wybrać trzecią sojusznika.
Tak, że będzie to jeden tutaj chyba.
Ale jak się odświeżyć zobaczysz faktycznie wybiera co trzeci kłamstwo.
Więc z każdej grupy sojuszników to będzie wybrać jedną trzecią.
A więc jeśli miałem kilka innych.
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.