1
00:00:00,970 --> 00:00:01,550
OK.

2
00:00:01,590 --> 00:00:10,650
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ść.

3
00:00:10,650 --> 00:00:15,670
Tak, aby rozpocząć mamy zamiar wykazać, że sposób dziedziczenia działa i zobaczyć oceny.

4
00:00:15,690 --> 00:00:17,730
Więc mam prosty plik tutaj.

5
00:00:18,000 --> 00:00:30,050
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.

6
00:00:30,210 --> 00:00:33,800
Ale to zawsze lepiej, aby rzeczywiście to zrobić w zewnętrznym arkuszu stylów.

7
00:00:34,560 --> 00:00:51,250
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.

8
00:00:51,270 --> 00:00:52,570
Więc co się tam wydarzyło.

9
00:00:52,620 --> 00:01:01,730
Wiesz, że stylizowany obszar gdzie stylizowany UL i kłamstwo było pośrednio zmieniony i dziedziczone, że kolor z elementu nadrzędnego.

10
00:01:01,830 --> 00:01:04,350
Więc pozwól mi pokazać inny przykład tego.

11
00:01:05,370 --> 00:01:15,890
Dodajmy tylko w akapicie tu zaczyna się czarna i zamierzam przyjść i zachwalają to będziesz fioletowy teraz.

12
00:01:15,900 --> 00:01:18,010
Więc wszystko jest po prostu normalne czarny tekst.

13
00:01:18,010 --> 00:01:28,980
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ć.

14
00:01:29,250 --> 00:01:31,370
Zobaczysz, że wszystko jest na czerwono.

15
00:01:32,040 --> 00:01:40,720
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.

16
00:01:40,920 --> 00:01:46,310
Więc to jest miłe, jeśli chcemy, aby wszystkie paragrafy i sojuszników wszystkie przeczytane.

17
00:01:46,350 --> 00:01:50,540
Nie mamy siedzieć jak ustępów i przekształcić je przeczytać, a następnie wybrać sojuszników i przekształcić je na czerwono.

18
00:01:50,580 --> 00:01:52,690
Możemy po prostu wybrać się do organizmu.

19
00:01:53,490 --> 00:02:05,980
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.

20
00:02:08,670 --> 00:02:12,630
Jeśli odświeżyć zobaczymy oczywiście, że ustęp zamienił na zielony.

21
00:02:12,630 --> 00:02:24,830
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.

22
00:02:25,170 --> 00:02:31,040
Więc co się dzieje tutaj jest faktycznie wykazując tę ​​ideę specyfiki i CSSA.

23
00:02:31,680 --> 00:02:36,530
Mamy więc wiele stylów, które mogą być wpływające tego samego sojusznika.

24
00:02:36,690 --> 00:02:44,220
To może być czerwona i zaczyna się na czerwono, a następnie odsyłając go niebieska, ponieważ wszystko, co mają być niebieskie.

25
00:02:44,700 --> 00:03:09,180
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.

26
00:03:09,300 --> 00:03:15,720
Kolor jest czerwony, ale to faktycznie przekreślone, więc oznacza to, że nie jest stosowane na wszystkich.

27
00:03:15,720 --> 00:03:17,990
I zamiast stosowana jest ten styl.

28
00:03:18,150 --> 00:03:28,640
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.

29
00:03:29,850 --> 00:03:35,460
Więc następnym tematem, który jest ściśle związany z dziedziczenia nazywa specyfika.

30
00:03:36,030 --> 00:03:44,060
Więc specyficzność jest ten pomysł w tym sensie, że możemy mieć wiele stylów kierowania jeden element i że dzieje się tutaj.

31
00:03:44,100 --> 00:03:49,050
Mamy wiele stylów kierowania ten jeden UL lub tego sojusznika na przykład.

32
00:03:49,320 --> 00:03:54,330
Kłamstwo jest poczerwieniał czy to kierowane przez tę linię.

33
00:03:54,360 --> 00:03:56,600
Ciało obracając wszystko w czerwieni ciała.

34
00:03:56,700 --> 00:04:01,840
I to jest również kierowane przez tę linię, która zamienia wszystko w całej Juelz błękitu.

35
00:04:02,130 --> 00:04:05,310
I tak to SS musi zdecydować, który z nich wygra.

36
00:04:05,370 --> 00:04:10,770
I w tym przypadku, co styl jest najbliżej tego elementu.

37
00:04:10,770 --> 00:04:16,930
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.

38
00:04:17,280 --> 00:04:20,560
I UL jest bardziej szczegółowy, że gdy wygra się.

39
00:04:20,910 --> 00:04:22,790
Ale jest to tylko prosta sprawa.

40
00:04:22,800 --> 00:04:27,140
Więc teraz niech się ante trochę i dodać trochę więcej selektorów.

41
00:04:27,330 --> 00:04:35,160
Więc śmiało i dodać w bezpośrednim selektora sojusznikiem i zróbmy sojusznikiem pomarańczowo.

42
00:04:35,820 --> 00:04:39,100
I jak można się spodziewać, że sprawia, że ​​wszyscy Sojusznicy pomarańczowo.

43
00:04:39,180 --> 00:04:47,830
A jeśli otwieramy inspektora zobaczymy to jest poczerwieniał przez organizm ale to wykreślona.

44
00:04:48,180 --> 00:04:55,050
To zamienia niebieskie przez selektor UL, a potem okazało się być pomarańczowo przez selektor latać i że jeden wygrywa.

45
00:04:55,050 --> 00:04:59,200
Więc to wszystko są proste przypadki, w których jest to całkiem jasne, który z nich wygra.

46
00:04:59,400 --> 00:05:02,590
Ale teraz niech wprowadzi coś na szczycie tego.

47
00:05:02,940 --> 00:05:24,950
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.

48
00:05:25,120 --> 00:05:26,550
Faktycznie niech po prostu trzymać się z kolorem.

49
00:05:26,860 --> 00:05:31,090
Właśnie dlatego wszystkie w tym samym kolorze własnością żółty i zapisać.

50
00:05:31,090 --> 00:05:33,040
Który z nich sądzisz wygra teraz.

51
00:05:33,610 --> 00:05:41,910
Sprawdźmy i widać, że wygrywa klasy wydarzeniem i to okazało żółta z powodu tego jak wysokie klasy.

52
00:05:42,370 --> 00:05:53,960
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.

53
00:05:54,190 --> 00:05:56,960
I w tym przypadku, ta klasa wygrywa.

54
00:05:57,370 --> 00:06:02,100
Więc tak naprawdę są bardzo specyficzne zasady, jak to działa i mam zamiar pokazać je do Ciebie w ciągu zaledwie sekundy.

55
00:06:02,140 --> 00:06:13,520
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.

56
00:06:13,610 --> 00:06:22,320
Idę do kierowania tego elementu specjalnego i mam zamiar nadać mu kolor różowy i odświeżyć.

57
00:06:22,330 --> 00:06:24,760
Zobaczysz, że element ten wygrywa.

58
00:06:24,850 --> 00:06:39,430
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.

59
00:06:39,520 --> 00:06:43,660
I wtedy jeden ze specjalnego identyfikatora, który jest stosowany.

60
00:06:43,750 --> 00:06:46,790
Tak więc w tym przypadku identyfikator wygrywa.

61
00:06:47,020 --> 00:06:50,490
Tak jak już wspomniałem jest bardzo szczególne przepisy, jak to działa.

62
00:06:50,830 --> 00:06:52,690
A pisałem je tutaj.

63
00:06:52,840 --> 00:07:02,320
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.

64
00:07:02,320 --> 00:07:08,440
Więc kiedy widzi, że istnieją trzy lub cztery różne kolory, że ten może być.

65
00:07:08,560 --> 00:07:10,540
Jak to jest wiedzieć, które z nich wybrać.

66
00:07:10,810 --> 00:07:19,210
A sposób, w jaki robi to w rzeczywistości prowadzi obliczenia dlatego przypisuje wartość liczbową do każdej z tych selektorów.

67
00:07:19,420 --> 00:07:27,180
Więc to będzie przypisać wartość liczbową tego tutaj, a następnie do tego, a potem do tego i do tego.

68
00:07:27,220 --> 00:07:30,180
A jak wiemy, ten wygrywa.

69
00:07:30,250 --> 00:07:37,640
Więc sposób, że faktycznie obliczane nie mamy znać dokładną matematyki, ale pokażę ci go tutaj.

70
00:07:37,720 --> 00:07:44,470
Jest to kalkulator, który rzeczywiście możemy wpisać rzeczy do internetowa, która powie nam, jak coś jest specyficzna.

71
00:07:44,800 --> 00:07:51,920
Więc jeśli po prostu zaznaczyć wszystkie sojuszników zobaczysz ma specyfikę jednego.

72
00:07:51,940 --> 00:07:59,810
Teraz spróbujmy slutting tej klasy podświetlenie i że jest 10 razy tak dokładnie, jak specyfiką 10.

73
00:08:00,040 --> 00:08:04,380
Więc dlatego klasa 1 wychodzi na kłamstwie.

74
00:08:04,390 --> 00:08:12,510
I dlatego ten element jest w rzeczywistości żółty, ponieważ ta klasa kulminacyjnym zwyciężyła nad kolorze pomarańczowym.

75
00:08:13,180 --> 00:08:15,430
Teraz, jeśli mamy iść i dodamy numeru identyfikacji

76
00:08:18,430 --> 00:08:24,660
lub to, co nazywamy specjalny widać, że jest 100 razy bardziej szczegółowy niż tylko słowa prawniczej.

77
00:08:24,790 --> 00:08:28,540
Tak, że jeden wygrywa, a także bije klasę.

78
00:08:28,540 --> 00:08:41,340
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ć.

79
00:08:41,650 --> 00:08:44,920
A ja też pokazać, że nie jest ograniczona tylko do jednego identyfikatora.

80
00:08:44,950 --> 00:08:48,330
Więc powiedzmy, że chcemy wiedzieć, co jest bardziej szczegółowy.

81
00:08:48,340 --> 00:08:53,320
Mam klasy i innej klasy wewnątrz niego.

82
00:08:53,320 --> 00:08:59,170
Więc to jest potomkiem Selecta pamiętać, że to tylko 20 specyficzności.

83
00:08:59,530 --> 00:09:05,160
A jeśli mam tylko jednego numeru identyfikacji To 100 specyfika.

84
00:09:05,170 --> 00:09:10,120
Więc znowu nie chcę, aby myśleć, że trzeba być korzystania z witryny przez cały czas i obliczania liczby.

85
00:09:10,180 --> 00:09:11,440
To nie jest ważne.

86
00:09:11,440 --> 00:09:19,930
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.

87
00:09:19,930 --> 00:09:30,580
Więc to będzie wyglądać mniej więcej tak lub sojusznika z ATF wewnątrz niego lub nawet sąsiedniej selektora.

88
00:09:30,700 --> 00:09:34,190
Więc te przełączniki nie są bardzo specyficzne.

89
00:09:34,330 --> 00:09:38,860
Ale nawet w tym roku to będzie bardziej szczegółowy niż to.

90
00:09:38,890 --> 00:09:44,050
To będzie bardziej szczegółowy niż to, jak dobrze, ponieważ istnieją dwa elementy, które mamy do referowania.

91
00:09:44,200 --> 00:09:47,360
Jeśli więc faktycznie obliczone go to specyfika jeden.

92
00:09:47,530 --> 00:09:48,850
I jest dwa.

93
00:09:49,570 --> 00:09:52,780
Potem następny poziom jest klasa.

94
00:09:53,890 --> 00:10:01,610
Więc to będzie o rząd wielkości 10 razy większe lub bardziej szczegółowe niż którykolwiek z nich.

95
00:10:02,320 --> 00:10:04,380
I tak jest selektor atrybutu.

96
00:10:04,420 --> 00:10:19,660
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ą.

97
00:10:19,750 --> 00:10:27,360
Więc tag przy aktywowaniu lub wejścia, który został sprawdzony i inne tego typu rzeczy, które mają tam w ten dwukropek.

98
00:10:28,060 --> 00:10:31,890
A potem najwyżej specyficzna sprawa to średnica wewnętrzna selektor.

99
00:10:32,230 --> 00:10:38,260
I tak, że będzie to kolejny rząd wielkości większej lub bardziej szczegółowe niż tutaj selektorów.