Więc w tym filmie mamy zamiar skupić się na trzech selektorów CSSA.
Są elementem ID w klasie.
Tak więc istnieje dużo więcej opcji do wyboru elementów.
Jedziemy, aby dowiedzieć się o nich później jesteśmy po prostu zamiar skupić się na tych trzech zacząć.
I kiedy mówię selektor myślami do tej ogólnej zasady, że mówiliśmy na początku, gdy zaczął CSSA kilka filmów temu, gdzie mamy do wyboru, a następnie nawiasy, a następnie kilka właściwości.
Więc jedziemy zobaczyć kilka różnych selektorów, które możemy umieścić tutaj.
A sposób, w jaki mamy zamiar zrobić, że jesteśmy rzeczywiście zamiar zbudować bardzo prosty do zrobienia razem.
Więc mam zamiar zrobić nowy plik.
Zamierzam go zapisać i mam zamiar zadzwonić go do listy, która HMO raz mamy, które następnie możemy śmiało dodać HMO robić.
I sposób, że zadziała to będzie to H1, a następnie będziemy mieć również z sojusznikami.
Ale w każdym sojusznika będziemy mieć jakiś tekst, a my będziemy mieć trochę wyboru więc sprawdzić, czy można zapamiętać, jak zrobić to pole input type równa wyboru, a następnie poniżej lub później, że będziemy mieli nasz tekst ,
Więc będziemy musieli dojść zardzewiałe to ja jestem po prostu będzie powielać tego.
Tak więc będziemy mieli troje tutaj chodzić Rusty prostu kupić artykuły spożywcze.
A potem wreszcie nagrywanie wykończenie zobacz oceny Phidias.
Jeśli więc otworzyć tę górę w przeglądarce jedziemy zobaczyć mdły i stylem wersję naszego produktu końcowego, ale szkielet ma.
Mamy dwie robić, a każdy z nich to trochę obok niego pole wyboru.
OK.
Więc następną rzeczą, że chcemy zrobić, to podłączyć arkusza stylów.
Więc to zrobić tym razem zacznijmy podłączając nieistniejącego arkusz stylów, a następnie będziemy iść dalej i utworzyć arkusz stylów.
Więc niektórzy ludzie nazywają ten błąd Driven Development gdzie napisać coś, co wiemy, nie będzie działać, a potem robimy to działa później.
Więc będę nazywają to zrobić to ocenić wprowadzenie C patrz ocenić, które nie istnieje.
Następną rzeczą, którą mamy zamiar zrobić, to iść do przodu i zrobić ten plik do Dewes że C oceniają.
I to nie musi być w tym samym miejscu, aby zrobić badania.
Tim będę zapisać, że i po prostu mieć pewność, że jest on podłączony.
Zróbmy coś w tle pomarańczowego ciała i po prostu wiesz, że to jest rzeczywiście to, co mówiłam w filmie kolorów.
Jest to jeden z niewielu razy będę naprawdę korzystają z podobnego koloru pomarańczowego.
Oprócz nauczania chciałbym po prostu użyć go, aby upewnić się, że coś jest podłączone Chcę tylko jasny kolor.
Chcę sprawdzić, czy to, że użycie C Ss odwołuje czym właściwie tutaj.
Więc jeśli mamy świeże.
Dobra wielkie rzeczy są połączone.
Więc co mamy zamiar zrobić, to wrócić do szkiełek tu mówić o selektora pierwsze elementy, które jest jeden, że mamy rzeczywiście poświęcił dużo czasu na to gotowe.
Jest to w zasadzie rodzaj ataku, jak można określić div lub akapit lub ciało, a potem wybierze wszystkie odpowiednie elementy wszystkich instancji pasujących do tego.
Więc w tym przypadku mamy dwie div div i każdy ma dwa akapity i tak ustawić wszystkie DIV że tło fioletowy otrzymujemy dwa fioletowy Urządzenie możemy ustawić cały paragraf być KOLOR ŻÓŁTY otrzymujemy cztery żółte akapity.
Więc to, co robimy tu, kiedy wybrać się do organizmu.
Możemy również zrobić dla wszystkich ALWIS i dać im rozkaz lub niech ćwierkają granicy dwóch pikseli stałe czerwonych.
Teraz oczywiście, że działa na wszystkich sojuszników.
OK.
Więc następną rzeczą, która może chcemy zrobić, to pojedyncza z jednego sojusznika lub jeden H-1 lub jeden przykład czegoś.
Więc w tym przypadku mamy do wyboru trzecie kłamstwo i zamieniając go na żółto.
A sposób, w jaki robimy to właściwie zmieniając drużynę lekko, a następnie za pomocą haka, który dodajemy do H T M L i R Css wszystkim odnieść się do niego i przekształcić go na żółto.
Tak więc pierwszym krokiem jest dodanie, że hak który jest nazywany identyfikatorem.
I tak droga, że ​​pomysł działa dodaniu go jako atrybut do dowolnego elementu ID równa.
A potem w cudzysłowie dowolna nazwa, że ​​chcesz to może być cokolwiek.
A potem, co możemy zrobić, to odnoszą się do tego później, pisząc Octa Thorpe lub znaku hash, a następnie nazwę ID i że będzie wybrać jeden element, który odpowiada, że ​​nazwą ID.
Więc jako przykład załóżmy, że chcę ten ostateczny sojusznika tutaj, aby wyglądać nieco inaczej.
Co mogę zrobić, to udać się tutaj Ally i dajmy mu identyfikator.
I może to być dowolna nazwa wcale.
Miejmy tylko zadzwonić tej specjalnej oraz powód Mówię, że dzwonię to specjalny to naprawdę nie jest to wielkie nazwisko, ale to ma pokazać, że punkt przy użyciu identyfikatora jest pojedynczym coś na zewnątrz.
To jest droga do celu jeden pojedynczy element i jedną notatkę o identyfikatorze.
Może pojawić się tylko na stronie jednorazowo.
Więc jeśli mogę to zrobić, a następnie spróbować i dać specjalny identyfikator do dwóch elementów, które tak naprawdę nieważne HMO.
Dlatego zawsze powinien być tam jeden raz na stronie.
Jest wykorzystywane wyłącznie wyodrębnić pojedynczy element na zewnątrz.
Możemy jednak mieć wiele identyfikatorów na stronie dopóki nie pojawiają się więcej niż raz.
OK.
Więc chodźmy z tym specjalnego.
Teraz zróbmy to rzućmy okiem na to tutaj.
To właśnie ta ostatnia tutaj.
Dajmy mu kolor tła.
Więc to zrobić Id Nazwa jest wyjątkowy.
Idziemy do naszego pliku CSSA i piszemy specjalne i kładziemy oktawy przed nim i po prostu mówi nam, że mówimy o ID.
Tak więc wszystko, co zrobić, to napisać lub C S tu więc zróbmy kolor tła i zróbmy to żółty.
Zapisz odświeżenia pliku i widać tylko to, kiedy jest żółty.
Więc jest kilka rzeczy, które chciałbym podkreślić.
Pierwszym jest to, że ten kod jest nadal pracuje.
Okazuje się wszystkich sojuszników.
Daje im czerwone obramowanie w tym ten jeden ostateczne.
A potem dodajemy na górze, że przez dodanie żółte tło tylko do tej ostatniej opartego off tego haczyka, że ​​dodanej oraz nazwie identyfikator.
Więc Podsumowując pomysł jako sposób wyróżnić element można używać tylko identyfikator po jednej stronie, ale możemy mieć wiele identyfikatorów jak chcemy na stronie.
Więc Identyfikatory są świetne wydzielić poszczególne elementy, ale często chcemy mieć wiele elementów, które wyglądają podobnie, ale nie chcemy wszystkich sojuszników na przykład.
Więc powiedzmy, że chciałem projektować połowa aliantów w jedną stronę, a połowa z nich inny sposób moglibyśmy wykorzystać klasę do osiągnięcia tego.
Więc sposób, że klasa działa to tak jak identyfikator wyjątkiem To się nazywa klasa i możemy zastosować go do dowolnej liczby elementów na stronie.
Więc jak widać tu starasz klasa nazywa podświetlenie w akapicie pierwszym i trzecim akapicie, a następnie mówimy o nim w naszym sukcesie z kropką zamiast oktawę Thorpe.
znowu tak kontrastować, że tutaj, aby wybrać identyfikator używamy znaku hash lub oktawę Thorpe tutaj, aby wybrać klasę.
Używamy kropkę.
Inaczej działają w ten sam sposób.
Więc zróbmy przykład.
Mam zamiar dodać klasę i sposób, w jaki chcę to do pracy będziemy udawać, że te dwa są sprawdzane off.
Tak, chcę tam być linia w tekście.
Więc kiedy patrzymy na zakupy spożywcze i podszedł Resti nie powinno być strajk poprzez przejście przez ten tekst, ale nie ostatni.
Więc sposób, że robimy to, albo jeden ze sposobów, aby to zrobić to z klasą.
Więc na bieżąco mam zamiar iść do przodu i dodać klasę i to będzie nazwać wypełniony i kolejna jedna klasa równa zakończony i mam zamiar zapisać, że jeśli I odświeżyć.
Nic się nie dzieje, bo nie ma żadnych stylów.
Więc teraz idę do mojego Css i prawo dot a następnie nazwę klasy zakończone nawiasy, a teraz stylu.
Więc mam zamiar wprowadzić coś nowego tutaj, które nazywa się dekoracje i ozdoby tekst tekst jest sposobem, aby dodać linię obrońców.
Ale istnieje kilka rzeczy, które możesz zrobić.
Możesz dodać podkreślenie i można dodać podkreślenie faliste Widocznie nie wiedziałem, że linia po linii i na które jest jak podkreślenia wyjątkiem na górze.
Więc będziemy używać przez linię i że powinno być.
Więc jeśli odświeżyć.
Miej oko na tych dwóch najlepszych.
Mamy teraz uzyskać poprzez linię.
Wspaniały.
Jedna krótka notatka, a ja jestem tutaj jest to, że jeśli chcę te pola wyboru, aby być sprawdzone podczas wczytywania strony.
Więc teraz oni nie sprawdził i muszę ręcznie je sprawdzić, ale jeśli chcę górna dwa mają być sprawdzane mogę tu dodać atrybut o nazwie sprawdzane.
A to działa na wejściach wyboru.
Więc wykonując że jeśli były świeże Teraz podczas wczytywania strony są one sprawdzane.
Więc naprawdę nie zobaczyć, ocenić, ale ważne jest, żeby wiedzieć, że można to zrobić.
OK.
Warto więc zawinąć to się bardzo szybko.
Mamy wyboru elementów, aby wybrać wszystkie danego elementu.
Wszystko ALWIS wszystkie DIV wszystkie akapity.
Mamy selektor identyfikatora, który wybierze jeden element o identyfikatorze pasującym i zawsze trzeba używać oktawę za to.
Lub symbol hash.