1
00:00:01,020 --> 00:00:06,030
Więc w tym filmie mamy zamiar skupić się na trzech selektorów CSSA.

2
00:00:06,030 --> 00:00:08,490
Są elementem ID w klasie.

3
00:00:08,610 --> 00:00:11,610
Tak więc istnieje dużo więcej opcji do wyboru elementów.

4
00:00:11,730 --> 00:00:15,630
Jedziemy, aby dowiedzieć się o nich później jesteśmy po prostu zamiar skupić się na tych trzech zacząć.

5
00:00:15,960 --> 00:00:28,370
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.

6
00:00:28,860 --> 00:00:32,660
Więc jedziemy zobaczyć kilka różnych selektorów, które możemy umieścić tutaj.

7
00:00:33,030 --> 00:00:38,340
A sposób, w jaki mamy zamiar zrobić, że jesteśmy rzeczywiście zamiar zbudować bardzo prosty do zrobienia razem.

8
00:00:38,340 --> 00:00:39,980
Więc mam zamiar zrobić nowy plik.

9
00:00:40,170 --> 00:00:51,740
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ć.

10
00:00:52,530 --> 00:01:01,550
I sposób, że zadziała to będzie to H1, a następnie będziemy mieć również z sojusznikami.

11
00:01:02,010 --> 00:01:20,090
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 ,

12
00:01:20,220 --> 00:01:30,210
Więc będziemy musieli dojść zardzewiałe to ja jestem po prostu będzie powielać tego.

13
00:01:30,210 --> 00:01:39,020
Tak więc będziemy mieli troje tutaj chodzić Rusty prostu kupić artykuły spożywcze.

14
00:01:40,590 --> 00:01:48,660
A potem wreszcie nagrywanie wykończenie zobacz oceny Phidias.

15
00:01:48,960 --> 00:01:56,940
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.

16
00:01:57,090 --> 00:02:01,520
Mamy dwie robić, a każdy z nich to trochę obok niego pole wyboru.

17
00:02:02,650 --> 00:02:03,390
OK.

18
00:02:04,050 --> 00:02:08,590
Więc następną rzeczą, że chcemy zrobić, to podłączyć arkusza stylów.

19
00:02:09,060 --> 00:02:18,480
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.

20
00:02:18,480 --> 00:02:26,960
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.

21
00:02:26,970 --> 00:02:34,060
Więc będę nazywają to zrobić to ocenić wprowadzenie C patrz ocenić, które nie istnieje.

22
00:02:34,670 --> 00:02:40,820
Następną rzeczą, którą mamy zamiar zrobić, to iść do przodu i zrobić ten plik do Dewes że C oceniają.

23
00:02:40,920 --> 00:02:43,860
I to nie musi być w tym samym miejscu, aby zrobić badania.

24
00:02:43,860 --> 00:02:48,550
Tim będę zapisać, że i po prostu mieć pewność, że jest on podłączony.

25
00:02:48,660 --> 00:02:57,870
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.

26
00:02:57,870 --> 00:03:01,380
Jest to jeden z niewielu razy będę naprawdę korzystają z podobnego koloru pomarańczowego.

27
00:03:01,380 --> 00:03:06,870
Oprócz nauczania chciałbym po prostu użyć go, aby upewnić się, że coś jest podłączone Chcę tylko jasny kolor.

28
00:03:06,930 --> 00:03:11,760
Chcę sprawdzić, czy to, że użycie C Ss odwołuje czym właściwie tutaj.

29
00:03:11,820 --> 00:03:12,920
Więc jeśli mamy świeże.

30
00:03:13,170 --> 00:03:16,320
Dobra wielkie rzeczy są połączone.

31
00:03:16,320 --> 00:03:27,180
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.

32
00:03:27,180 --> 00:03:38,240
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.

33
00:03:38,610 --> 00:03:54,900
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.

34
00:03:55,140 --> 00:03:57,840
Więc to, co robimy tu, kiedy wybrać się do organizmu.

35
00:03:57,840 --> 00:04:10,320
Możemy również zrobić dla wszystkich ALWIS i dać im rozkaz lub niech ćwierkają granicy dwóch pikseli stałe czerwonych.

36
00:04:10,910 --> 00:04:14,560
Teraz oczywiście, że działa na wszystkich sojuszników.

37
00:04:15,360 --> 00:04:15,970
OK.

38
00:04:16,380 --> 00:04:24,850
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ś.

39
00:04:24,870 --> 00:04:30,510
Więc w tym przypadku mamy do wyboru trzecie kłamstwo i zamieniając go na żółto.

40
00:04:30,690 --> 00:04:41,800
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.

41
00:04:42,180 --> 00:04:45,700
Tak więc pierwszym krokiem jest dodanie, że hak który jest nazywany identyfikatorem.

42
00:04:46,050 --> 00:04:52,420
I tak droga, że ​​pomysł działa dodaniu go jako atrybut do dowolnego elementu ID równa.

43
00:04:52,440 --> 00:04:57,120
A potem w cudzysłowie dowolna nazwa, że ​​chcesz to może być cokolwiek.

44
00:04:57,360 --> 00:05:08,420
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.

45
00:05:08,820 --> 00:05:18,510
Więc jako przykład załóżmy, że chcę ten ostateczny sojusznika tutaj, aby wyglądać nieco inaczej.

46
00:05:19,080 --> 00:05:23,790
Co mogę zrobić, to udać się tutaj Ally i dajmy mu identyfikator.

47
00:05:23,970 --> 00:05:25,860
I może to być dowolna nazwa wcale.

48
00:05:25,950 --> 00:05:40,210
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.

49
00:05:40,330 --> 00:05:46,490
To jest droga do celu jeden pojedynczy element i jedną notatkę o identyfikatorze.

50
00:05:46,560 --> 00:05:49,300
Może pojawić się tylko na stronie jednorazowo.

51
00:05:49,480 --> 00:05:56,270
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.

52
00:05:56,530 --> 00:05:58,920
Dlatego zawsze powinien być tam jeden raz na stronie.

53
00:05:59,130 --> 00:06:02,640
Jest wykorzystywane wyłącznie wyodrębnić pojedynczy element na zewnątrz.

54
00:06:02,680 --> 00:06:09,280
Możemy jednak mieć wiele identyfikatorów na stronie dopóki nie pojawiają się więcej niż raz.

55
00:06:09,590 --> 00:06:09,830
OK.

56
00:06:09,850 --> 00:06:12,180
Więc chodźmy z tym specjalnego.

57
00:06:12,240 --> 00:06:17,180
Teraz zróbmy to rzućmy okiem na to tutaj.

58
00:06:17,350 --> 00:06:18,550
To właśnie ta ostatnia tutaj.

59
00:06:18,790 --> 00:06:20,390
Dajmy mu kolor tła.

60
00:06:20,650 --> 00:06:24,470
Więc to zrobić Id Nazwa jest wyjątkowy.

61
00:06:24,490 --> 00:06:37,220
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.

62
00:06:37,500 --> 00:06:48,020
Tak więc wszystko, co zrobić, to napisać lub C S tu więc zróbmy kolor tła i zróbmy to żółty.

63
00:06:48,250 --> 00:06:54,730
Zapisz odświeżenia pliku i widać tylko to, kiedy jest żółty.

64
00:06:54,790 --> 00:06:56,770
Więc jest kilka rzeczy, które chciałbym podkreślić.

65
00:06:56,830 --> 00:06:59,890
Pierwszym jest to, że ten kod jest nadal pracuje.

66
00:06:59,880 --> 00:07:01,760
Okazuje się wszystkich sojuszników.

67
00:07:01,930 --> 00:07:05,310
Daje im czerwone obramowanie w tym ten jeden ostateczne.

68
00:07:05,650 --> 00:07:15,520
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.

69
00:07:15,580 --> 00:07:24,480
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.

70
00:07:24,730 --> 00:07:34,380
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.

71
00:07:34,450 --> 00:07:43,410
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.

72
00:07:43,420 --> 00:07:51,410
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.

73
00:07:51,430 --> 00:08:05,240
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.

74
00:08:05,250 --> 00:08:13,350
znowu tak kontrastować, że tutaj, aby wybrać identyfikator używamy znaku hash lub oktawę Thorpe tutaj, aby wybrać klasę.

75
00:08:13,380 --> 00:08:14,540
Używamy kropkę.

76
00:08:14,710 --> 00:08:16,600
Inaczej działają w ten sam sposób.

77
00:08:16,660 --> 00:08:19,030
Więc zróbmy przykład.

78
00:08:19,230 --> 00:08:28,390
Mam zamiar dodać klasę i sposób, w jaki chcę to do pracy będziemy udawać, że te dwa są sprawdzane off.

79
00:08:28,480 --> 00:08:32,720
Tak, chcę tam być linia w tekście.

80
00:08:32,760 --> 00:08:40,810
Więc kiedy patrzymy na zakupy spożywcze i podszedł Resti nie powinno być strajk poprzez przejście przez ten tekst, ale nie ostatni.

81
00:08:40,840 --> 00:08:44,320
Więc sposób, że robimy to, albo jeden ze sposobów, aby to zrobić to z klasą.

82
00:08:44,400 --> 00:08:58,050
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ć.

83
00:08:58,170 --> 00:09:00,560
Nic się nie dzieje, bo nie ma żadnych stylów.

84
00:09:00,900 --> 00:09:10,850
Więc teraz idę do mojego Css i prawo dot a następnie nazwę klasy zakończone nawiasy, a teraz stylu.

85
00:09:11,050 --> 00:09:19,920
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.

86
00:09:20,080 --> 00:09:22,030
Ale istnieje kilka rzeczy, które możesz zrobić.

87
00:09:22,020 --> 00:09:35,800
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.

88
00:09:35,800 --> 00:09:40,560
Więc będziemy używać przez linię i że powinno być.

89
00:09:40,810 --> 00:09:42,060
Więc jeśli odświeżyć.

90
00:09:42,120 --> 00:09:44,420
Miej oko na tych dwóch najlepszych.

91
00:09:44,470 --> 00:09:46,400
Mamy teraz uzyskać poprzez linię.

92
00:09:46,840 --> 00:09:49,680
Wspaniały.

93
00:09:49,990 --> 00:09:56,340
Jedna krótka notatka, a ja jestem tutaj jest to, że jeśli chcę te pola wyboru, aby być sprawdzone podczas wczytywania strony.

94
00:09:56,500 --> 00:10:06,410
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.

95
00:10:06,550 --> 00:10:10,370
A to działa na wejściach wyboru.

96
00:10:10,380 --> 00:10:15,580
Więc wykonując że jeśli były świeże Teraz podczas wczytywania strony są one sprawdzane.

97
00:10:15,750 --> 00:10:20,450
Więc naprawdę nie zobaczyć, ocenić, ale ważne jest, żeby wiedzieć, że można to zrobić.

98
00:10:20,830 --> 00:10:21,100
OK.

99
00:10:21,100 --> 00:10:24,140
Warto więc zawinąć to się bardzo szybko.

100
00:10:24,250 --> 00:10:28,680
Mamy wyboru elementów, aby wybrać wszystkie danego elementu.

101
00:10:28,720 --> 00:10:31,780
Wszystko ALWIS wszystkie DIV wszystkie akapity.

102
00:10:32,120 --> 00:10:41,120
Mamy selektor identyfikatora, który wybierze jeden element o identyfikatorze pasującym i zawsze trzeba używać oktawę za to.

103
00:10:41,240 --> 00:10:42,590
Lub symbol hash.