OK.
Więc w tym filmie mamy zamiar objąć dwa ważne tematy i zobaczyć oceny, że tak naprawdę nie rozmawialiśmy o jeszcze i to są spadków i swoistość.
Tak, aby rozpocząć mamy zamiar wykazać, że sposób dziedziczenia działa i zobaczyć oceny.
Więc mam prosty plik tutaj.
Ma jeden dobrze z czterech sojuszników wewnątrz i mam zamiar napisać moje style w znaczniku style po prostu sprawiają, że łatwo można oglądać nie trzeba oglądać mnie przerzucić wokół pomiędzy plikami.
Ale to zawsze lepiej, aby rzeczywiście to zrobić w zewnętrznym arkuszu stylów.
Więc idę do stylu UL i nadać mu kolor fioletowy i kiedy to zrobić zobaczysz, że kiedy odświeżyć sojuszników rzeczywiście stać fioletowy.
Więc co się tam wydarzyło.
Wiesz, że stylizowany obszar gdzie stylizowany UL i kłamstwo było pośrednio zmieniony i dziedziczone, że kolor z elementu nadrzędnego.
Więc pozwól mi pokazać inny przykład tego.
Dodajmy tylko w akapicie tu zaczyna się czarna i zamierzam przyjść i zachwalają to będziesz fioletowy teraz.
Więc wszystko jest po prostu normalne czarny tekst.
Zrobię to trochę większy, jeśli pójdę w moim stylu i mówię ciało i dać ciału kolor czerwony kolor i odświeżyć.
Zobaczysz, że wszystko jest na czerwono.
Więc to jest po prostu wykazując tę ​​koncepcję dziedziczenia, gdzie jeśli ustawić właściwość na rodzica może również wpływać na element podrzędny.
Więc to jest miłe, jeśli chcemy, aby wszystkie paragrafy i sojuszników wszystkie przeczytane.
Nie mamy siedzieć jak ustępów i przekształcić je przeczytać, a następnie wybrać sojuszników i przekształcić je na czerwono.
Możemy po prostu wybrać się do organizmu.
Więc następną rzeczą, że chcę, aby pokazać to, co się dzieje, jeśli pójdę tutaj, a potem zdecydować, że pkt I rzeczywiście ma to być zielony.
Jeśli odświeżyć zobaczymy oczywiście, że ustęp zamienił na zielony.
Podobnie, jeśli chcę ul być zielone lub zróbmy niebieski i zapisać i odświeżyć UL zmienia kolor na niebieski i tak nie sojuszników, ponieważ dziedziczą od tego.
Więc co się dzieje tutaj jest faktycznie wykazując tę ​​ideę specyfiki i CSSA.
Mamy więc wiele stylów, które mogą być wpływające tego samego sojusznika.
To może być czerwona i zaczyna się na czerwono, a następnie odsyłając go niebieska, ponieważ wszystko, co mają być niebieskie.
Więc jeśli mamy iść do przodu i sprawdzić jeden z tych elementów, a ja zamierzam zrobić to w trybie pełnoekranowym, a ja jadę do zwiększenia tego i zwiększyć rozmiar czcionki trochę zbyt zobaczysz, że kolor niebieski jest ustawiony jako pochodzące z UL i mówi nam odziedziczone UL i jeśli będziemy przesuwać będziesz patrz odziedziczone ciała.
Kolor jest czerwony, ale to faktycznie przekreślone, więc oznacza to, że nie jest stosowane na wszystkich.
I zamiast stosowana jest ten styl.
Więc to pokazuje nam ten styl próbuje być stosowane lub jest kierowanie ten element, że został wybrany, ale to wykreślona co oznacza, że ​​nie jest właściwie stosowane.
Więc następnym tematem, który jest ściśle związany z dziedziczenia nazywa specyfika.
Więc specyficzność jest ten pomysł w tym sensie, że możemy mieć wiele stylów kierowania jeden element i że dzieje się tutaj.
Mamy wiele stylów kierowania ten jeden UL lub tego sojusznika na przykład.
Kłamstwo jest poczerwieniał czy to kierowane przez tę linię.
Ciało obracając wszystko w czerwieni ciała.
I to jest również kierowane przez tę linię, która zamienia wszystko w całej Juelz błękitu.
I tak to SS musi zdecydować, który z nich wygra.
I w tym przypadku, co styl jest najbliżej tego elementu.
Tak więc w zależności od tego jeden jest bardziej szczegółowy i tak, co to znaczy to ciało jest bardzo ogólny, że to wszystko.
I UL jest bardziej szczegółowy, że gdy wygra się.
Ale jest to tylko prosta sprawa.
Więc teraz niech się ante trochę i dodać trochę więcej selektorów.
Więc śmiało i dodać w bezpośrednim selektora sojusznikiem i zróbmy sojusznikiem pomarańczowo.
I jak można się spodziewać, że sprawia, że ​​wszyscy Sojusznicy pomarańczowo.
A jeśli otwieramy inspektora zobaczymy to jest poczerwieniał przez organizm ale to wykreślona.
To zamienia niebieskie przez selektor UL, a potem okazało się być pomarańczowo przez selektor latać i że jeden wygrywa.
Więc to wszystko są proste przypadki, w których jest to całkiem jasne, który z nich wygra.
Ale teraz niech wprowadzi coś na szczycie tego.
Załóżmy teraz, że chcę to mieć klasę o nazwie Zaznacz i dam go do dwóch z nich, a potem wybrać tę klasę Zaznacz i daję kolor tła.
Faktycznie niech po prostu trzymać się z kolorem.
Właśnie dlatego wszystkie w tym samym kolorze własnością żółty i zapisać.
Który z nich sądzisz wygra teraz.
Sprawdźmy i widać, że wygrywa klasy wydarzeniem i to okazało żółta z powodu tego jak wysokie klasy.
Więc to pokazuje nam coś, gdzie w L. A. Jesteśmy bezpośredniego kierowania wszystkich sojuszników i czyniąc je pomarańczowy, a następnie mamy również bezpośrednio kierowania kilku sojuszników, które mają tę klasę i wprowadzenie ich na żółto.
I w tym przypadku, ta klasa wygrywa.
Więc tak naprawdę są bardzo specyficzne zasady, jak to działa i mam zamiar pokazać je do Ciebie w ciągu zaledwie sekundy.
Zanim jednak, że po prostu chcą dodać jeszcze jeden przykład w takim powiedzmy również podać ten element się numeru identyfikacji i mam zamiar to nazwać wyjątkowym.
Idę do kierowania tego elementu specjalnego i mam zamiar nadać mu kolor różowy i odświeżyć.
Zobaczysz, że element ten wygrywa.
I jeszcze raz, jeśli cię skontrolować zobaczymy, że mamy styl z organizmu, który nie został zastosowany jeden ze studni, która jest odziedziczony, ale nie stosowanej jeden od kłamstwa, że ​​to nie jest zastosowany jeden z klasy, która nie jest stosowana.
I wtedy jeden ze specjalnego identyfikatora, który jest stosowany.
Tak więc w tym przypadku identyfikator wygrywa.
Tak jak już wspomniałem jest bardzo szczególne przepisy, jak to działa.
A pisałem je tutaj.
Ale tak naprawdę mam zamiar iść do m.d i po raz pierwszy, aby pokazać Ci mają świetny artykuł o tym, że bardzo polecam lekturę i opowiada o tym, jak specyfika jest obliczana.
Więc kiedy widzi, że istnieją trzy lub cztery różne kolory, że ten może być.
Jak to jest wiedzieć, które z nich wybrać.
A sposób, w jaki robi to w rzeczywistości prowadzi obliczenia dlatego przypisuje wartość liczbową do każdej z tych selektorów.
Więc to będzie przypisać wartość liczbową tego tutaj, a następnie do tego, a potem do tego i do tego.
A jak wiemy, ten wygrywa.
Więc sposób, że faktycznie obliczane nie mamy znać dokładną matematyki, ale pokażę ci go tutaj.
Jest to kalkulator, który rzeczywiście możemy wpisać rzeczy do internetowa, która powie nam, jak coś jest specyficzna.
Więc jeśli po prostu zaznaczyć wszystkie sojuszników zobaczysz ma specyfikę jednego.
Teraz spróbujmy slutting tej klasy podświetlenie i że jest 10 razy tak dokładnie, jak specyfiką 10.
Więc dlatego klasa 1 wychodzi na kłamstwie.
I dlatego ten element jest w rzeczywistości żółty, ponieważ ta klasa kulminacyjnym zwyciężyła nad kolorze pomarańczowym.
Teraz, jeśli mamy iść i dodamy numeru identyfikacji
lub to, co nazywamy specjalny widać, że jest 100 razy bardziej szczegółowy niż tylko słowa prawniczej.
Tak, że jeden wygrywa, a także bije klasę.
Dlatego podstawową zasadą jest to, że nazwy znaczników selektorów element nie są bardzo specyficzne selektorów klasy są znacznie bardziej szczegółowe i identyfikatory są najbardziej szczegółowe, że można dostać.
A ja też pokazać, że nie jest ograniczona tylko do jednego identyfikatora.
Więc powiedzmy, że chcemy wiedzieć, co jest bardziej szczegółowy.
Mam klasy i innej klasy wewnątrz niego.
Więc to jest potomkiem Selecta pamiętać, że to tylko 20 specyficzności.
A jeśli mam tylko jednego numeru identyfikacji To 100 specyfika.
Więc znowu nie chcę, aby myśleć, że trzeba być korzystania z witryny przez cały czas i obliczania liczby.
To nie jest ważne.
Wszystko, co trzeba wiedzieć, to rząd wielkości więc pójdę do moich notatek tutaj i mieć je rozpisane typu selektory są najmniej specyficzne.
Więc to będzie wyglądać mniej więcej tak lub sojusznika z ATF wewnątrz niego lub nawet sąsiedniej selektora.
Więc te przełączniki nie są bardzo specyficzne.
Ale nawet w tym roku to będzie bardziej szczegółowy niż to.
To będzie bardziej szczegółowy niż to, jak dobrze, ponieważ istnieją dwa elementy, które mamy do referowania.
Jeśli więc faktycznie obliczone go to specyfika jeden.
I jest dwa.
Potem następny poziom jest klasa.
Więc to będzie o rząd wielkości 10 razy większe lub bardziej szczegółowe niż którykolwiek z nich.
I tak jest selektor atrybutu.
Więc gdzie mamy takie rzeczy jak typ wejścia równa tekst i tak są te selektory pseudo klasy, które są rzeczy, jak unoszą.
Więc tag przy aktywowaniu lub wejścia, który został sprawdzony i inne tego typu rzeczy, które mają tam w ten dwukropek.
A potem najwyżej specyficzna sprawa to średnica wewnętrzna selektor.
I tak, że będzie to kolejny rząd wielkości większej lub bardziej szczegółowe niż tutaj selektorów.