1
00:00:01,020 --> 00:00:06,030
因此，在這個視頻我們將集中在三個綜援選擇。

2
00:00:06,030 --> 00:00:08,490
這些都是在課堂元素ID。

3
00:00:08,610 --> 00:00:11,610
因此，有選擇元素的方式更多的選擇。

4
00:00:11,730 --> 00:00:15,630
我們將稍後了解他們對我們只是專注於這三個啟動。

5
00:00:15,960 --> 00:00:28,370
當我說選擇回想起我們關於早期幾部影片前，當它開始領取綜援，我們有一個選擇，然後花括號，然後一些特性談到這個一般規則。

6
00:00:28,860 --> 00:00:32,660
所以，我們要看到，我們可以把這裡的幾個不同的選擇。

7
00:00:33,030 --> 00:00:38,340
而我們要做的，我們實際上是要建立一個非常簡單的待辦事項清單結合的方式。

8
00:00:38,340 --> 00:00:39,980
所以我要做一個新的文件。

9
00:00:40,170 --> 00:00:51,740
我要保存它，我會叫它做HMO一旦我們有那麼我們繼續前進，並添加HMO列表。

10
00:00:52,530 --> 00:01:01,550
而且它的去上班這將是H1，然後我們將有一個良好與盟國的方式。

11
00:01:02,010 --> 00:01:20,090
但是，在每一個盟友我們將有一些文本，我們將有一個小複選框，以便看看你是否還記得怎麼辦複選框它的輸入類型等於再低於或之後，我們將有我們的文本框。

12
00:01:20,220 --> 00:01:30,210
所以我們必須走生鏽的話，我只是去複製這一點。

13
00:01:30,210 --> 00:01:39,020
於是我們將有三個人走到這裡只是生鏽買菜。

14
00:01:40,590 --> 00:01:48,660
然後最後完成錄製見評估菲迪亞斯。

15
00:01:48,960 --> 00:01:56,940
因此，如果我們在瀏覽器中打開這件事，我們要看到我們的最終產品的乏味和風格的版本，但骨架是存在的。

16
00:01:57,090 --> 00:02:01,520
我們有我們兩個做的，每一個的旁邊一個小複選框它。

17
00:02:02,650 --> 00:02:03,390
好。

18
00:02:04,050 --> 00:02:08,590
所以，我們要做的下一件事就是連接一個樣式表。

19
00:02:09,060 --> 00:02:18,480
這樣做，這一次，讓我們通過連接一個不存在的樣式表開始，然後我們將繼續創建一個樣式表。

20
00:02:18,480 --> 00:02:26,960
所以有些人會叫這個錯誤驅動的開發，我們寫的，我們知道會不會工作，然後我們將其事後一起想。

21
00:02:26,970 --> 00:02:34,060
所以，我要叫這個做評估引入C見評估不存在。

22
00:02:34,670 --> 00:02:40,820
我們要做的下一件事就是繼續前進，使該文件和C語言評估Dewes。

23
00:02:40,920 --> 00:02:43,860
這確實需要在同一個地方做了研究。

24
00:02:43,860 --> 00:02:48,550
蒂姆，我會保存和公正，以確保它的連接。

25
00:02:48,660 --> 00:02:57,870
讓我們做這樣的事情的身體背景橙色公正，你知道這是什麼其實我說的是在彩色視頻。

26
00:02:57,870 --> 00:03:01,380
這是唯一的時候，我真的很喜歡用橙色顏色之一。

27
00:03:01,380 --> 00:03:06,870
除了教學，我只想用它來確保事情是連接我只想要一個鮮豔的顏色。

28
00:03:06,930 --> 00:03:11,760
我想看看這個使用將c SS被引用正確位置。

29
00:03:11,820 --> 00:03:12,920
因此，如果我們記憶猶新。

30
00:03:13,170 --> 00:03:16,320
好吧偉大的事情相連。

31
00:03:16,320 --> 00:03:27,180
所以，我們要做的就是回到幻燈片這裡先說說元素選擇這是我們實際上已經投入了很多的時間來準備的人。

32
00:03:27,180 --> 00:03:38,240
它基本上為您指定格或段落或身體攻擊的類型，然後它會選擇所有相應的元素相匹配的所有實例。

33
00:03:38,610 --> 00:03:54,900
因此，在這種情況下，我們有兩個div，每個div有兩個段落，所以我們設置的所有div的背景紫色我們得到兩個紫色的設備，我們將所有段落是黃顏色，我們拿到四黃段落。

34
00:03:55,140 --> 00:03:57,840
所以這就是我們正在做什麼在這裡，當我們選擇了身體。

35
00:03:57,840 --> 00:04:10,320
我們也能做到這一點對所有ALWIS，給他們一個訂單或讓我們啁啾兩個像素純紅色的邊框。

36
00:04:10,910 --> 00:04:14,560
現在，當然是所有盟國的作品。

37
00:04:15,360 --> 00:04:15,970
好。

38
00:04:16,380 --> 00:04:24,850
所以，我們可能要做的下一件事就是單獨挑出一個盟友或某物的一個H-1或一個實例。

39
00:04:24,870 --> 00:04:30,510
因此，在這個例子中，我們選擇了第三個謊，並把它發黃。

40
00:04:30,690 --> 00:04:41,800
而我們做的實際上是稍微改變球隊，然後使用我們添加到H T M L和R C SS所有鉤子的方式重提它，並把它發黃。

41
00:04:42,180 --> 00:04:45,700
因此，第一步是添加鉤被稱為一個ID。

42
00:04:46,050 --> 00:04:52,420
而這樣的想法，你工作的方式添加它作為任何元素的ID等於一個屬性。

43
00:04:52,440 --> 00:04:57,120
然後在引號，你希望它可以是任何東西任何名稱。

44
00:04:57,360 --> 00:05:08,420
然後，我們要做的是通過編寫八溴索普或井號，然後ID的名稱，將選擇匹配的ID名稱一個元素的引用以後。

45
00:05:08,820 --> 00:05:18,510
因此，作為一個例子，讓我們說，我想在這裡這最後的盟友會略有不同。

46
00:05:19,080 --> 00:05:23,790
我能做的就是去盟友這裡讓我們給它一個ID。

47
00:05:23,970 --> 00:05:25,860
這可以是任何名稱都沒有。

48
00:05:25,950 --> 00:05:40,210
就讓我們把這種特殊的，我說我稱之為特殊的原因它不是一個真正的偉大的名字，但它告訴你，使用一個ID的一點是單一的東西出來。

49
00:05:40,330 --> 00:05:46,490
這是針對一個單獨的元素和大約一個ID一個音符的方式。

50
00:05:46,560 --> 00:05:49,300
它只能出現在一個頁面一次。

51
00:05:49,480 --> 00:05:56,270
所以，如果我這樣做，然後嘗試，並給予特殊的ID以這兩個因素實際上是無效的HMO。

52
00:05:56,530 --> 00:05:58,920
所以它總是應該有一次在頁面上。

53
00:05:59,130 --> 00:06:02,640
這純粹是用來挑出一個元素了。

54
00:06:02,680 --> 00:06:09,280
然而，我們可以有多個ID的網頁上，只要它們不會出現不止一次。

55
00:06:09,590 --> 00:06:09,830
好。

56
00:06:09,850 --> 00:06:12,180
因此，讓我們一起去這個特殊的。

57
00:06:12,240 --> 00:06:17,180
現在，讓我們把這個讓我們來看看它在這裡。

58
00:06:17,350 --> 00:06:18,550
它在這裡這最後一個。

59
00:06:18,790 --> 00:06:20,390
讓我們給它一個背景顏色。

60
00:06:20,650 --> 00:06:24,470
所以，我們要做該ID的名稱是特殊的。

61
00:06:24,490 --> 00:06:37,220
我們去我們綜援文件，我們寫特別的，我們把它前面的八度，並且只告訴我們，我們正在談論的ID。

62
00:06:37,500 --> 00:06:48,020
所以，那麼我們要做的就是寫或（C S）在這兒就是讓我們做背景顏色，讓我們令它發黃。

63
00:06:48,250 --> 00:06:54,730
保存文件刷新，你可以看到只有這個時候是黃色的。

64
00:06:54,790 --> 00:06:56,770
因此，有幾件事我想指出。

65
00:06:56,830 --> 00:06:59,890
首先，此代碼仍在工作。

66
00:06:59,880 --> 00:07:01,760
原來所有的盟友。

67
00:07:01,930 --> 00:07:05,310
這讓他們有一個紅色邊框，包括這一個最後一個。

68
00:07:05,650 --> 00:07:15,520
然後，我們通過增加一個黃色背景只是基於了這個鉤子，我們加入，並呼籲在ID中的最後一個加入最重要的是。

69
00:07:15,580 --> 00:07:24,480
所以，總結一下的想法，以此來挑出一個元素，你只能使用一個ID每頁一次，但因為我們希望在頁面上，我們可以有很多的ID。

70
00:07:24,730 --> 00:07:34,380
所以ID是偉大的，挑出單個元素，但通常情況下，我們希望有一個類似於多個元素，但我們不希望對實例的所有盟友。

71
00:07:34,450 --> 00:07:43,410
所以我們說，我想一半的盟軍風格的一種方式，其中一半的另一種方式，我們可以使用一個類來實現這一點。

72
00:07:43,420 --> 00:07:51,410
這樣一類的工作的方式就像除了它的ID被稱為一類，我們可以把它應用到任意數量的頁面上的元素。

73
00:07:51,430 --> 00:08:05,240
所以你可以在這裡看到我們申請一類叫做亮點第一段和第三段，然後我們提到它在我們的成功與一個點，而不是一個八度索普。

74
00:08:05,250 --> 00:08:13,350
再這樣對比的是，這裡選擇我們使用井號或八度索普在這裡選擇一個類的ID。

75
00:08:13,380 --> 00:08:14,540
我們使用點。

76
00:08:14,710 --> 00:08:16,600
否則，他們的工作方式相同。

77
00:08:16,660 --> 00:08:19,030
所以，讓我們做一個例子。

78
00:08:19,230 --> 00:08:28,390
我要去加個班，而且我想這個工作我們要假裝這兩個被檢查過的方式。

79
00:08:28,480 --> 00:08:32,720
所以，我希望這是通過文本行。

80
00:08:32,760 --> 00:08:40,810
所以，當我們看買菜，走到resti應該有穿過該文本將罷工，但不是最後一個。

81
00:08:40,840 --> 00:08:44,320
讓我們這樣做或那樣做的一種方式的方法是使用類。

82
00:08:44,400 --> 00:08:58,050
因此，在飛行中，我要繼續前進，並添加一個類，它會調用這個完成，另一個類的equals完成，我要保存，如果我刷新。

83
00:08:58,170 --> 00:09:00,560
什麼也沒有發生，因為我沒有任何樣式。

84
00:09:00,900 --> 00:09:10,850
所以，現在我去我的C SS和我正確的點，然後在課堂上完成大括號，現在樣式的名稱。

85
00:09:11,050 --> 00:09:19,920
所以我要在這裡被稱為文飾和文字介紹的裝修新的東西就是通過添加一行的方式。

86
00:09:20,080 --> 00:09:22,030
但也有幾件事情，你可以做。

87
00:09:22,020 --> 00:09:35,800
您可以添加下劃線，你可以添加一個波浪下劃線顯然，我不知道，通過線和過線，類似，只是在上面下劃線。

88
00:09:35,800 --> 00:09:40,560
因此，我們要通過使用行，這應該是它。

89
00:09:40,810 --> 00:09:42,060
所以，如果我刷新。

90
00:09:42,120 --> 00:09:44,420
保持對這些前兩名你的眼睛。

91
00:09:44,470 --> 00:09:46,400
我們現在打通一條線。

92
00:09:46,840 --> 00:09:49,680
大。

93
00:09:49,990 --> 00:09:56,340
一個快速的注意，而我這裡要說的是，如果我想這些複選框將在頁面加載時檢查。

94
00:09:56,500 --> 00:10:06,410
所以現在他們沒有檢查，我必須手動檢查他們，但如果我想前兩名進行檢查我可以去這裡，並添加名為檢查的屬性。

95
00:10:06,550 --> 00:10:10,370
這適用於複選框的投入。

96
00:10:10,380 --> 00:10:15,580
因此，通過這樣做，在頁面加載他們檢查現在，當我要是新鮮的。

97
00:10:15,750 --> 00:10:20,450
因此，讓我們實在看不出評估只是知道你可以做到這一點是很重要的。

98
00:10:20,830 --> 00:10:21,100
好。

99
00:10:21,100 --> 00:10:24,140
因此，讓我們真的很快包裹這件事。

100
00:10:24,250 --> 00:10:28,680
我們有元件選擇器選擇出給定的元件。

101
00:10:28,720 --> 00:10:31,780
所有ALWIS所有div的所有段落。

102
00:10:32,120 --> 00:10:41,120
我們有ID選擇將一個元素相匹配的ID選擇和我們總是需要使用倍頻為。

103
00:10:41,240 --> 00:10:42,590
或哈希的象徵。