1
00:00:00,630 --> 00:00:04,510
在這段視頻中，我們要談談在選擇元素的一些其他方法。

2
00:00:04,590 --> 00:00:07,530
除此之外我們迄今所看到的三個主要的。

3
00:00:08,070 --> 00:00:37,780
而只是為了回顧一下這三個是元素選擇器類和ID選擇這樣的元素看起來像艾麗類像點低，ID是與藝術或散列象徵，無論我們把裡面將目標的ID或某一種類的所有一種類型的元素。

4
00:00:37,800 --> 00:00:42,290
因此，這些都是選擇元素的三種可能方式，但也有很多。

5
00:00:42,660 --> 00:00:47,310
而我們將集中在以下五個這裡這五個是那些我認為是最重要最常見。

6
00:00:47,460 --> 00:00:49,020
但也有很多。

7
00:00:49,230 --> 00:00:54,330
事實上，有這篇文章，我掛和TUTT的描述加上它是一個免費的文章。

8
00:00:54,330 --> 00:00:55,350
這真是太棒了。

9
00:00:55,350 --> 00:01:01,710
這就是所謂的30綜援的選擇必須記住，你恐慌之前，你不需要記住這些。

10
00:01:01,920 --> 00:01:05,700
你自然會記住更重要的，而且我們用所有的時間的人。

11
00:01:05,910 --> 00:01:11,850
但這篇文章的觀點是說，至少有30好的，你應該知道的。

12
00:01:11,910 --> 00:01:17,030
更何況，如果這些是你需要記住這仍然相當多的只有30。

13
00:01:17,130 --> 00:01:20,980
而且有很多，本文將意味著你不需要知道。

14
00:01:21,120 --> 00:01:23,590
因此，問題是有很多的這樣的不同方式。

15
00:01:23,610 --> 00:01:29,270
本文將它突出其中30，我只是要經過五，較重要的六個。

16
00:01:29,460 --> 00:01:31,300
所以，我建議你給這個一讀通過。

17
00:01:31,320 --> 00:01:40,340
還有的將是在包含了很多的什麼在這篇文章中所涵蓋，以及我們在這裡介紹我們的文本編輯器下一個視頻練習。

18
00:01:40,770 --> 00:01:43,060
所以，我有一些基本的HMO。

19
00:01:43,470 --> 00:01:45,920
我不會去通過創建文件的過程。

20
00:01:45,960 --> 00:01:55,190
這不是一個你需要一定要沿著代碼，但它是一個基本的一柄他出這個樣子的，我們有一個H1。

21
00:01:55,650 --> 00:01:57,860
我們有去谷歌的鏈接。

22
00:01:57,960 --> 00:02:00,190
我們有三個盟友UL。

23
00:02:00,600 --> 00:02:15,860
然後我們有一個H，然後另一個你將有三個盟友，然後另外四個再一個你就越有三個盟友，但每個盟友現在有一個鏈接，第一個還去谷歌這樣的鏈接在這裡。

24
00:02:16,180 --> 00:02:19,540
那麼其他人去Facebook和最後一個人去閱讀它。

25
00:02:19,590 --> 00:02:20,650
所以，簡單的標記。

26
00:02:20,970 --> 00:02:23,520
然後，我有一個樣式表包括所謂的選擇。

27
00:02:23,540 --> 00:02:38,360
SS所以在這裡我們要這樣填RC SS是我們要談的是被稱為D-星選擇的第一之一，它是用一個星號，它會選擇頁面上的所有內容。

28
00:02:38,730 --> 00:02:43,930
因此，這是不是你真正想要做的一切，往往東西，但它看起來像這樣。

29
00:02:44,080 --> 00:02:47,930
然後，無論我們做什麼，實際上應用到每一個元素。

30
00:02:48,750 --> 00:03:02,800
所以，我要付出一切的一個像素固體淺灰色的元素，你可以看到，當我這樣做網頁身體H-1的每一個環節上的每一個元素。

31
00:03:02,960 --> 00:03:06,800
艾麗H中所有獲得邊框。

32
00:03:07,080 --> 00:03:11,260
因此，這是不是你需要做很多事情，但你會偶爾看到它。

33
00:03:11,550 --> 00:03:17,970
下一個是後人Lechter而這一次，你將使用和看到所有的時間。

34
00:03:18,030 --> 00:03:27,150
從而使後代選擇的工作方式是，它需要兩個或兩個以上的標籤名稱或兩個以上的選擇，你把它們連在一起。

35
00:03:27,150 --> 00:03:41,350
所以，舉個例子，如果我要選擇所有的盟友只有一個盟友內部的錨標籤內的錨標記的不是錨標記出現，只是靠自己。

36
00:03:41,580 --> 00:03:45,860
我想選擇是一個盟友的後裔所有錨標籤。

37
00:03:46,170 --> 00:03:53,340
這樣做的語法看起來像艾麗空間，然後錨標記。

38
00:03:53,970 --> 00:03:59,610
因此，這將選擇一切，這是一個盟友內部的時代標籤，我們可以跟上這個打算。

39
00:03:59,610 --> 00:04:10,680
如果我們有更多的，所以我也可以重寫這個像這樣每一個錨標記這是一個盟友，這是一個UL這就是我們這裡有內內，但是這是在我們的案例是多餘的。

40
00:04:11,460 --> 00:04:16,440
而且我也可以說，每一個主播都tangere的帶班你好。

41
00:04:16,560 --> 00:04:20,070
內部的盟友，但我們沒有這樣的匹配任何標記。

42
00:04:20,070 --> 00:04:22,120
因此，一個盟友內的每個錨標記。

43
00:04:22,350 --> 00:04:28,720
而我們只是給它一個紅色的色彩，我們刷新。

44
00:04:29,100 --> 00:04:32,460
你可以看到這三個錨標記為紅色。

45
00:04:32,490 --> 00:04:34,690
這一個是不變的。

46
00:04:35,580 --> 00:04:38,400
接下來是相鄰的選擇。

47
00:04:38,970 --> 00:04:44,980
因此，與相鄰的選擇會做是不是會喜歡我們選擇其它元素之後隨之而來的元素。

48
00:04:45,030 --> 00:04:49,910
所以不能嵌套在類似這樣的嵌套在一個很好的盟友。

49
00:04:50,100 --> 00:04:52,200
它允許我們選擇一個兄弟。

50
00:04:52,350 --> 00:05:01,200
因此，我們要選擇一個H後的所有ULS和我們的意思只是在同一水平上了。

51
00:05:01,200 --> 00:05:07,970
所以沒有縮進不叉內而是直接上為它的H的相同級別只是作為同級之後。

52
00:05:07,980 --> 00:05:11,410
所以，這就是所謂的相鄰的選擇，它看起來是這樣的。

53
00:05:11,670 --> 00:05:16,780
我們會說四歲再加上你會的。

54
00:05:16,890 --> 00:05:21,920
因此，沒有加，這將是我們所有內部和4歲，但有加。

55
00:05:21,960 --> 00:05:24,810
它僅僅是我們鄰近的4歲。

56
00:05:24,990 --> 00:05:34,080
而我只是要給一個邊框，讓我們做四像素穩定紅色，我們應該看到這兩個UL的是相鄰的。

57
00:05:34,080 --> 00:05:40,740
他們來此之後四歲在同一水平上有一個紅色邊框。

58
00:05:40,920 --> 00:05:46,170
所以有更多的，我想這個展示，這也是一個非常重要的一個被稱為屬性選擇。

59
00:05:46,410 --> 00:05:51,270
等的屬性選擇器是一種方法，選擇基於掉任何屬性的元素。

60
00:05:51,660 --> 00:05:56,620
所以在我們的例子中，我們要做的基於關閉H ref屬性的選擇。

61
00:05:56,970 --> 00:06:01,920
我們要檢查我們打算把所有的鏈接到谷歌在哪裡H.F.是谷歌點com。

62
00:06:01,920 --> 00:06:15,210
我們將讓他們一種顏色，但你也可以用它來選擇特定源的所有圖像或特定類型像所有複選框或所有口令字段或某事的所有輸入。

63
00:06:15,210 --> 00:06:24,290
所以，我們的語法鍵入錨標記，然後方括號，然後裡面我們要輸入我們要找的屬性。

64
00:06:24,540 --> 00:06:32,850
所以Tref的平等相待，那麼我們要做的鏈接，谷歌。

65
00:06:32,850 --> 00:06:50,530
因此，這將選擇HGF每個錨標記等於這個，然後我們只是給它一個顏色讓給它一個藍色的背景，你可以看到這兩個環節。

66
00:06:50,520 --> 00:06:53,650
這第一個去谷歌，第二個去谷歌。

67
00:06:53,820 --> 00:06:54,750
因此，他們是藍色的。

68
00:06:54,870 --> 00:06:57,270
但其他兩個環節沒有去谷歌。

69
00:06:57,270 --> 00:06:59,340
他們去Facebook和閱讀。

70
00:06:59,340 --> 00:07:01,030
因此，他們都不變。

71
00:07:01,800 --> 00:07:30,170
所以，你也可能，你會真切地看到這一個地段或將有一個輸入類型等於文本，如果你想讓它不同樣式的所有文字輸入，或者如果你想讓它樣式的所有複選框的一種方式，因為所有的輸入，即使有這麼許多不同的輸入色彩色彩輸入和文件的圖片和密碼，電子郵件和提交按鈕他們都輸入標籤。

72
00:07:30,420 --> 00:07:34,460
因此，只要選擇由輸入將會給我們所有不同類型的輸入。

73
00:07:34,500 --> 00:07:37,580
所以我們經常按類型進行選擇。

74
00:07:37,620 --> 00:07:42,680
因此，讓我們回到我們的谷歌REF選擇。

75
00:07:43,650 --> 00:07:51,710
因此，有一個更多，我想這裡被稱為類和工作的結局是它需要一個像三個或五個的方式結束交談。

76
00:07:51,930 --> 00:07:55,710
然後選擇一個特定元素的每個終端。

77
00:07:55,710 --> 00:08:08,390
所以，如果我要選擇每一個第五格或每秒盟友或頁面上的第五第十段，我可以用和類型。

78
00:08:08,400 --> 00:08:15,120
因此，在這種情況下Drona選擇最終UL和做一些事情到最後。

79
00:08:15,130 --> 00:08:17,570
那麼第三個。

80
00:08:18,210 --> 00:08:33,410
比方說，我想給它一個不同的邊框或不同的背景，我會選擇好了結腸和類型，然後一批像三。

81
00:08:33,860 --> 00:08:35,750
然後我要說的背景。

82
00:08:36,080 --> 00:08:47,400
讓我們給它明顯的背景喜歡紫色，你可以看到只有你也變成紫色的三分之一。

83
00:08:47,400 --> 00:08:51,420
所以，如果你想選擇的東西了網頁，這是很有用的。

84
00:08:51,420 --> 00:09:00,370
我應該注意到，雖然一件事是，這個工作原理是讓我們去一個盟友和更改第三個謊的方式。

85
00:09:00,480 --> 00:09:04,120
而在此之前我這樣做，我要你想像你在想什麼事情發生。

86
00:09:04,170 --> 00:09:08,160
因此，這是應該選擇第三個盟友。

87
00:09:08,400 --> 00:09:10,960
所以，這將是這一個在這裡我猜。

88
00:09:11,220 --> 00:09:15,170
但因為它刷新你會看到它實際上是選擇每月的第三個謊言。

89
00:09:15,390 --> 00:09:19,620
因此，從各組的盟友它會選擇第三個。

90
00:09:20,210 --> 00:09:24,370
所以，如果我有一堆了。

91
00:09:26,520 --> 00:09:41,790
需要注意的是它仍然只能等等之類的第三個給定組，所以它不是每第三個是它是否會再次選擇蘆筍，然後蘆筍再次它只是在每一群人它會選擇第三個是很重要的。