1
00:00:01,190 --> 00:00:05,660
在這段視頻中，我們要投奔的解決方案來設置綜援選擇問題。

2
00:00:05,970 --> 00:00:08,790
而我只是每一個問題從上往下走了過來。

3
00:00:09,060 --> 00:00:12,760
所以隨意快進，如果有一個或兩個，你有麻煩。

4
00:00:13,260 --> 00:00:20,400
所以我們做了第一次一起在初始視頻給身體元素這種顏色的背景。

5
00:00:20,820 --> 00:00:25,650
所以，我們只是說身體背景是這個顏色救我們。

6
00:00:25,740 --> 00:00:32,440
讓我們繼續前進，並在瀏覽器刷新加載它，你可以看到我們得到了一個灰色背景。

7
00:00:32,760 --> 00:00:36,910
因此，下一個是讓轟一個元素這個顏色。

8
00:00:37,190 --> 00:00:41,640
除了所以同樣的事情，而不是背景，我們剛才說的彩色。

9
00:00:42,210 --> 00:00:46,530
我們保存inheres或H-1就變成紫色。

10
00:00:46,710 --> 00:00:52,830
請記住，如果我們有一個以上的H-1頁上，他們都將是紫色。

11
00:00:52,830 --> 00:00:56,190
因此，這下一個是使所有H-2的元素橙色。

12
00:00:56,520 --> 00:00:58,820
因此完全相同的選擇如上述兩個。

13
00:00:59,190 --> 00:01:10,870
然後讓它橙色我只是要使用內置的橙色，但你可以使用任何其他顏色系統，你可以看到，我們得到每一個時代那些他們四人。

14
00:01:11,100 --> 00:01:13,830
他們變為橙色。

15
00:01:14,040 --> 00:01:19,520
所以接下來我們要到一邊使所有盟友元素藍移此。

16
00:01:19,680 --> 00:01:21,840
選擇你自己的十六進制藍色。

17
00:01:22,350 --> 00:01:30,120
因此，要做到這一點，我們選擇所有的盟友，然後我們給他們一個顏色，我們要做一個十六進制藍色。

18
00:01:30,180 --> 00:01:33,540
所以，你可以，只要它是比什麼都更藍在這裡放任何東西。

19
00:01:33,690 --> 00:01:37,560
所以請記住第一個通道是紅色那麼接下來的兩個是綠色的。

20
00:01:37,560 --> 00:01:43,870
所以我們會做的綠色一點點，讓我們做什麼，然後一堆藍色的。

21
00:01:44,460 --> 00:01:50,880
保存，讓我們來看看同盟國，你可以看到，我們得到的藍燈。

22
00:01:51,630 --> 00:01:55,570
所以現在改變每一個段落的背景是黃色的。

23
00:01:55,860 --> 00:02:00,310
這只是多了一個，我們選擇一種類型的每個元素。

24
00:02:00,360 --> 00:02:10,570
因此，所有段落的背景黃保存，我們得到了一堆黃色的段落。

25
00:02:10,740 --> 00:02:15,510
接下來選擇所有輸入，給他們三個像素紅色邊框。

26
00:02:15,570 --> 00:02:20,050
因此，輸入邊框和有這樣做，我們可以一次做這一切的幾種方法。

27
00:02:20,070 --> 00:02:45,890
李樹斌像素純紅色，你可以看到我們的兩個輸入前綴或固體紅色邊框，或者我們可以這樣做單獨邊框顏色紅色邊境是三個像素，終於邊框樣式是實心的很明顯的原因。

28
00:02:45,900 --> 00:02:47,710
這是一個更容易做到這一點。

29
00:02:47,940 --> 00:02:51,440
但是有時候你會想，當你到JavaScript來做到這一點。

30
00:02:51,570 --> 00:02:53,450
我們只想更新的一部分。

31
00:02:53,640 --> 00:02:58,100
因此，當用戶將鼠標懸停東西，你想從一個紅色邊框變為綠色邊框。

32
00:02:58,320 --> 00:03:03,080
嗯，我們可能只是想改變顏色，我們可以在風格上他們是如何與離開。

33
00:03:03,130 --> 00:03:05,580
所以我要離開它這樣。

34
00:03:06,150 --> 00:03:08,270
接下來我們現在移動到類選擇。

35
00:03:08,430 --> 00:03:10,690
所以給帶班你好一切。

36
00:03:10,740 --> 00:03:12,150
白色背景。

37
00:03:12,270 --> 00:03:15,390
如果我們看一下H T M L有實際上是一件事。

38
00:03:15,390 --> 00:03:18,580
這裡面這第一款帶班股利。

39
00:03:18,630 --> 00:03:19,520
你好。

40
00:03:19,950 --> 00:03:22,500
因此，我們選擇該類點。

41
00:03:22,830 --> 00:03:27,630
你好白字。

42
00:03:29,520 --> 00:03:31,680
你可以看到，我們在這裡得到這一段。

43
00:03:31,710 --> 00:03:34,080
它變為白色。

44
00:03:34,440 --> 00:03:40,720
接下來給人以ID特殊的雙像素實心藍色邊框的元素。

45
00:03:40,740 --> 00:03:42,920
選擇你自己的R.G.是藍色的。

46
00:03:43,290 --> 00:03:54,630
所以，再一次同樣的事情這個時間，而不是我們使用井號或電弧索普，然後她的ID可以再次看到那個名字一個點就在這裡編號特殊。

47
00:03:55,110 --> 00:04:03,640
然後我們想給它兩個像素實心邊框所以像素固體，然後R.G.是藍色的。

48
00:04:05,210 --> 00:04:19,310
因此將有0紅色100綠200藍，如果是新鮮的，你可以看到我們得到它是相當輕微的，但解決這個段落ID為2像素的藍色邊框。

49
00:04:19,440 --> 00:04:31,020
接下來讓所有嵌套的div 25像素的字體內部的提示是使用該屬性的字體大小Dasch 25像素的段落。

50
00:04:31,020 --> 00:04:42,200
因此，我們需要在這裡做什麼，而不是選擇，我們只希望這是一個div中的段落所有段落，所以你可以看到有一些像這樣一個在這裡不是一個div裡面。

51
00:04:42,540 --> 00:04:46,590
我們不希望那些在字體大小25像素。

52
00:04:46,800 --> 00:05:30,850
所以我們用這個後代選擇，我們說的格，然後裡面的那個DIV的所有段落，使居住在任何分區並不重要div的只是任何段落中的任何的div將選擇他們，並給他們的字體大小25像素保存刷新段落你可以看到，這些都得到更大的，而是因為他們沒有，而不是一個div接下來長達使只有類型文本輸入框的背景為灰色，這些那些說沒有一個div裡面款沒有得到大。

53
00:05:30,860 --> 00:05:34,790
因此，這是另一種類型的選擇，它是基於關閉的屬性。

54
00:05:35,300 --> 00:05:39,450
所以，你想要做的屬性是發現其中type等於文本。

55
00:05:39,520 --> 00:05:44,900
所以基本上只是該輸入這裡類型等於文本。

56
00:05:45,510 --> 00:05:53,650
所以，我們做的，我們要輸入的輸入，然後方括號和是的方括號的方式。

57
00:05:53,690 --> 00:06:04,440
然後裡面有它的類型和屬性，我們正在尋找它是等於為文本，然後我們只是要說背景灰色。

58
00:06:05,200 --> 00:06:10,420
然後，如果我們到這裡滾動並刷新保持你的眼睛在這裡你可以看到我們得到了一個灰色背景。

59
00:06:10,940 --> 00:06:15,930
如此反复，如果你想讓它選擇去了谷歌的各個環節這一塊是非常有用的。

60
00:06:15,940 --> 00:06:21,480
我們將選擇基於關閉H.F.的，或者我們可以任何其他屬性中選擇了那裡。

61
00:06:21,500 --> 00:06:26,680
所以，接下來給第三DIV中兩款粉紅色背景。

62
00:06:26,870 --> 00:06:28,180
所以這一塊變得有點瘋狂。

63
00:06:28,190 --> 00:06:30,070
因此，讓我們來看看在HMO。

64
00:06:30,320 --> 00:06:32,110
這是我們的第三格..

65
00:06:32,120 --> 00:06:34,000
第一個是在這裡。

66
00:06:34,120 --> 00:06:42,920
第二個是在這裡，第三個是在這裡和那裡的兩個段落，我們要選擇兩個人身上，給他們一個粉紅色的背景。

67
00:06:42,910 --> 00:06:50,160
所以，我們以前那樣是經過選擇的，不會在這裡工作的所有div內的所有段落。

68
00:06:50,320 --> 00:06:55,420
我們做什麼我們做想做的事就是選擇頁面上的第三個div中所有段落。

69
00:06:55,660 --> 00:07:01,000
而且，我們可以指定第三個分區的方法是使用類型的末端。

70
00:07:01,000 --> 00:07:06,990
所以我們會說DIV和3型。

71
00:07:07,030 --> 00:07:21,110
所以，這將給我們第三格，然後而不是所有段落，然後我們只是要說背景是粉紅色和保存刷新，讓我們仔細檢查。

72
00:07:21,190 --> 00:07:22,930
這是我們的第一個div。

73
00:07:23,180 --> 00:07:25,330
這裡是第二個div。

74
00:07:25,660 --> 00:07:26,960
而這裡的第三個分區。

75
00:07:27,110 --> 00:07:31,440
開始段落開始開衫，我的第二個段落。

76
00:07:31,630 --> 00:07:33,090
在那裡，我們去開衫。

77
00:07:33,220 --> 00:07:35,850
我是第二個段落。

78
00:07:35,870 --> 00:07:42,260
接下來給第三DIV這裡面第二段五像素邊框白色邊框。

79
00:07:42,250 --> 00:07:47,140
所以，除非我們只希望第三DIV中的第二款這個人是非常相似的。

80
00:07:47,140 --> 00:07:48,570
因此，僅這一個。

81
00:07:49,060 --> 00:08:02,110
所以我們做的，我們選擇第三個DIV和3型，然後，而不是所有段落那麼我們要做的款型，同樣的事情。

82
00:08:02,810 --> 00:08:06,470
我們希望第二個，所以我們可以將它們合併。

83
00:08:06,470 --> 00:08:20,230
這將選擇第二項，而不是第三個分區，我們想給它一個5像素的白色邊框邊框5像素的白色固體。

84
00:08:20,260 --> 00:08:20,820
在那裡，我們走了。

85
00:08:20,870 --> 00:08:24,610
這裡是我們的五個像素的純白色邊框的div的第二段。

86
00:08:24,740 --> 00:08:27,110
不是第一個。

87
00:08:27,130 --> 00:08:34,490
接下來讓E-M在第三div元素白色和20像素的字體。

88
00:08:35,600 --> 00:08:40,450
這就是這款E-M在這裡cronut滑板。

89
00:08:40,450 --> 00:08:43,200
如果你不知道它Krown是它非常好吃。

90
00:08:43,500 --> 00:08:44,690
也許高估了。

91
00:08:44,770 --> 00:08:48,740
肯定高估了糕點紐約市。

92
00:08:48,790 --> 00:08:50,810
它有一個甜甜圈和羊角麵包。

93
00:08:51,080 --> 00:08:56,420
所以肯定在家裡，而不是時髦的詞彙存有這裡。

94
00:08:56,410 --> 00:09:03,750
而我們要採取E-M和我們要讓它白20像素的天鵝。

95
00:09:04,070 --> 00:09:18,490
所以就像之前我們不得不選擇裡面的第三分區3，然後只對E-M。

96
00:09:18,790 --> 00:09:23,030
而這將選擇所有的IEM，它只是碰巧，只有一個。

97
00:09:23,140 --> 00:09:33,240
但是，如果有一個以上的，我們可能要第一類或E-M，而不是一個段落說Ë-M不過是我就離開它，因為這個現在。

98
00:09:33,430 --> 00:09:43,580
我們想給它白色的顏色和20像素的字體顏色白色和字體大小20像素。

99
00:09:44,090 --> 00:09:52,110
而只是提醒你，我們要花費時間來談論字體和字體大小，並在未來的影片一堆其他的事情。

100
00:09:52,120 --> 00:09:53,310
在那裡，我們走了。

101
00:09:53,440 --> 00:09:55,720
它是白色，字體大小的變化。

102
00:09:56,330 --> 00:09:59,910
所以，現在我們到了一些獎金練習，這是我最喜歡的。

103
00:10:00,050 --> 00:10:05,710
有一些東西選擇和操縱這些比較模糊的更有趣的方式。

104
00:10:05,710 --> 00:10:06,800
因此，要啟動。

105
00:10:07,210 --> 00:10:13,750
讓我們來看看讓所有選中的複選框具有50像素的左邊緣，我給你的。

106
00:10:13,750 --> 00:10:16,980
您需要使用保證金左為50像素。

107
00:10:17,530 --> 00:10:21,970
所以這是一個選擇器選擇要檢查的元素。

108
00:10:21,980 --> 00:10:23,590
它只是看起來像這樣。

109
00:10:23,810 --> 00:10:26,740
這是一個偽選擇一樣類型的第n個。

110
00:10:26,750 --> 00:10:29,910
因此，我們需要說我們要尋找一個已經檢查。

111
00:10:29,950 --> 00:10:45,130
所以，我只是說，經過檢查，因為記得複選框輸入類型等於複選框有可以，雖然主要的單選按鈕來檢查其他元素的所有輸入。

112
00:10:45,130 --> 00:10:49,850
因此，這也將選擇已檢查的單選按鈕和現在的罰款。

113
00:10:50,080 --> 00:10:53,410
所以它看起來像這樣輸入結腸檢查。

114
00:10:53,510 --> 00:10:58,180
我們希望做的是留下50像素，可以使用保證金。

115
00:10:58,390 --> 00:11:11,160
因此，這是我們就來幹什麼就一些未來的影片當我們添加這個有點預覽和它要添加的複選框的左側部分空間，所以你可以看到，檢查移過的。

116
00:11:11,160 --> 00:11:17,400
現在，如果我檢查這一項現在這個被選中，並將其移動到右側50像素。

117
00:11:17,440 --> 00:11:22,100
如果我取消他們和超過回遷的左邊。

118
00:11:22,750 --> 00:11:24,200
所以這是檢查。

119
00:11:24,520 --> 00:11:25,390
下一個。

120
00:11:25,460 --> 00:11:26,620
這可能是我的最愛。

121
00:11:26,710 --> 00:11:31,380
使標籤要素全部大寫不改變HMO。

122
00:11:31,750 --> 00:11:38,130
所以，我提到你一定會想看看一上來那是因為我們絕對沒有去這個了。

123
00:11:38,230 --> 00:11:47,890
所以，開始我們只選擇所有標籤的元素，然後讓我們說，我不知道如何使他們大寫在不改變HMO。

124
00:11:48,130 --> 00:11:53,650
因此，讓我們拉起谷歌和做一個搜索，這是什麼，我肯定已經做過的事情。

125
00:11:53,920 --> 00:12:10,820
因此，讓我們上去，做一個搜索看到評估你可以看到彈出的文本轉換和文本轉換它說，它規定了如何在元素文字大寫的第一件事就是大寫。

126
00:12:11,080 --> 00:12:17,680
它可以用來使文字出現在所有大寫或全部小寫或大寫每個單詞。

127
00:12:18,520 --> 00:12:23,210
然後我們向下滾動，看看語法，它看起來像我們所利用。

128
00:12:23,290 --> 00:12:26,580
威爾資本家的首字母大寫和小寫。

129
00:12:26,620 --> 00:12:29,730
因此，我們要大寫。

130
00:12:29,770 --> 00:12:33,360
所以文本轉換為大寫。

131
00:12:33,550 --> 00:12:48,730
而我只是做了有不只是給你看的東西，它實際上是我做的所有這一切正在尋找東西去谷歌鍵入時的東西ÇSS等等等等綜援上部箱Cšš透明什麼我期待的事情。

132
00:12:48,850 --> 00:12:52,610
我只是看一下搜索結果，因為有這麼多的性能召回。

133
00:12:52,690 --> 00:12:54,300
你可以不記得他們。

134
00:12:54,610 --> 00:12:56,140
所以這是比較模糊的一個。

135
00:12:56,140 --> 00:12:57,240
非也。

136
00:12:57,550 --> 00:13:02,750
如果我們刷新這是標籤，這些標籤到這裡。

137
00:13:02,860 --> 00:13:07,480
所以，讓我擺脫，只是向您展示我們的時間。

138
00:13:07,510 --> 00:13:08,750
這些是標籤。

139
00:13:09,070 --> 00:13:13,180
然後我們在添加此並刷新其上套管。

140
00:13:14,200 --> 00:13:21,790
所以，接下來我們必須做的元素的ID為特殊的綠色和100像素的字體大小的第一個字母。

141
00:13:22,240 --> 00:13:31,030
因此，要瞄準的第一個字母這是另外一個，我們可能要查找SEUS我們的第一個字母，看看我們得到的。

142
00:13:31,090 --> 00:13:33,430
所以它看起來像有另一種偽選擇。

143
00:13:33,610 --> 00:13:39,550
第一個字母C SS元素選擇一個塊的第一行的第一個字母。

144
00:13:39,610 --> 00:13:43,930
所以，如果你看看一個例子第一個字母。

145
00:13:44,200 --> 00:13:46,990
讓我們繼續前進，並嘗試。

146
00:13:47,240 --> 00:13:53,420
我們要首先選擇ID特殊那麼首先這封信。

147
00:13:53,980 --> 00:14:06,560
我們希望把它綠色，字體大小等等顏色為綠色和字體大小100像素100像素保存而這個元素就在這裡。

148
00:14:06,580 --> 00:14:13,220
所以要刷新我們的第一個字母的眼睛，我們得到了這個巨大的綠眼睛。

149
00:14:14,110 --> 00:14:19,430
下單時做出盤旋在H-1元素的顏色變成藍色。

150
00:14:19,690 --> 00:14:23,370
所以這一塊其實是很常見的有某種作用。

151
00:14:23,380 --> 00:14:40,270
當你將鼠標懸停在東西通常這是相當微妙的，也許一個按鈕，你在它懸停並有出現的顏色改變非常輕微的樣子，你知道某種三維透視的東西給你一點點小影交互性的位，但不分心分心。

152
00:14:40,510 --> 00:14:44,960
因此，我們要選擇H-1和這實際上是所有的每一個。

153
00:14:44,980 --> 00:14:54,780
但是，在這種情況下，只有一個和偽選擇器懸停，無論我們擺在這裡，當用戶將鼠標懸停在元素只適用。

154
00:14:55,210 --> 00:14:57,680
因此，顏色為藍色，我們保存。

155
00:14:58,030 --> 00:14:59,820
這是我們的H-1。

156
00:15:00,250 --> 00:15:06,610
如果我徘徊，當我停止徘徊它可以追溯到不管它之前已經變成藍色。

157
00:15:08,380 --> 00:15:20,380
所以最後讓已經參觀灰色元素，因為他可以看到兩個要素這兩個環節其實都鏈接至Facebook這是我以前訪問過的鏈接。

158
00:15:20,380 --> 00:15:25,530
這就是為什麼他們是紫色的Chrome默認情況下將所有訪問過的紫色認為。

159
00:15:25,660 --> 00:15:32,110
所以，讓我們把那個我絕對沒有被鏈接到之前，它只是打算讓一些達創業，我會告訴你刷新頁面。

160
00:15:32,110 --> 00:15:33,190
它現在的藍色。

161
00:15:33,250 --> 00:15:34,900
因為我還沒有去過那裡。

162
00:15:35,080 --> 00:15:37,440
因此，讓我們離開它，現在我不會去點擊它的方式。

163
00:15:38,020 --> 00:15:41,760
我們希望那些訪問是紫色的，而不是。

164
00:15:42,000 --> 00:15:45,490
很抱歉，我們希望訪問一次是灰色的，而不是紫色。

165
00:15:45,760 --> 00:15:56,600
因此，我們選擇偽選擇稱為參觀了一個標籤，然後我們要讓它灰色保存。

166
00:15:56,840 --> 00:15:57,920
如果我們刷新。

167
00:15:58,030 --> 00:15:59,540
保持這一個在這裡你的眼睛。

168
00:15:59,590 --> 00:16:00,970
我會做的字體大些。

169
00:16:00,970 --> 00:16:04,430
這是目前紫，因為我去過那裡，我才刷新。

170
00:16:04,540 --> 00:16:05,500
現在，它的偉大。

171
00:16:05,800 --> 00:16:07,990
行，所以希望你能喜歡這項工作。

172
00:16:07,990 --> 00:16:09,340
有很多解壓那裡。

173
00:16:09,340 --> 00:16:10,990
有很多不同的選擇的。

174
00:16:11,290 --> 00:16:21,460
還有一件事我要補充的是，每一個解決方案，我有或幾乎每一個人有獲得完全相同的結果至少有一個或兩個以上的方法。

175
00:16:21,490 --> 00:16:25,360
所以，如果你有一些東西從我不同，但它仍然工作這是偉大的。

176
00:16:25,360 --> 00:16:27,060
隨意在評論中補充。

177
00:16:27,160 --> 00:16:28,490
與其他人分享。

178
00:16:28,510 --> 00:16:29,780
這是完全有效的。

179
00:16:29,800 --> 00:16:32,680
這僅是我會做它的方式。

180
00:16:32,680 --> 00:16:33,890
還有一件事。

181
00:16:34,240 --> 00:16:37,060
顯然在網站上沒有特別的吸引力。

182
00:16:37,210 --> 00:16:38,620
這不是一個真正的網站。

183
00:16:38,650 --> 00:16:43,110
我們將在一個真正的項目很快很快在接下來的練習視頻中工作。

184
00:16:43,210 --> 00:16:47,040
實際上，我們打算做一個小博客網站，是一個更好一點的設計。

185
00:16:47,140 --> 00:16:49,020
它看起來比這更好。

186
00:16:49,030 --> 00:16:51,010
這更需要通過實踐鍛煉。