1
00:00:00,460 --> 00:00:00,950
大丈夫。

2
00:00:00,960 --> 00:00:02,990
それで、すぐに運動する時間です。

3
00:00:03,000 --> 00:00:06,300
これは、今説明したさまざまなDOMセレクタをカバーする予定です。

4
00:00:06,600 --> 00:00:14,340
それで、H M LシンプルシーマルとH-1 3つの4つの段落を与えてくれる作品です。

5
00:00:14,340 --> 00:00:16,920
いくつかのクラスには何もないクラスがあるというアイデアもあります。

6
00:00:17,040 --> 00:00:22,350
そして私があなたがしたいことは、最初の段落を選択する4つの異なる方法を考え出すことです。

7
00:00:22,440 --> 00:00:27,270
 

8
00:00:27,300 --> 00:00:33,750
だから少なくとも、私たちが話したさまざまな方法を使ったそれ以上のものです。タグ名によるクラス名によるIDによる要素の取得Coreyセレクタのようなクエリは、すべてそれらを組み合わせて、4つの異なる方法でこれを選択します。

9
00:00:33,750 --> 00:00:36,340
 

10
00:00:36,660 --> 00:00:38,940
あなたが望むなら、それに付随するコードをダウンロードすることができます。

11
00:00:39,060 --> 00:00:43,980
それ以外の場合は、これを入力してパズルビデオの例を思いついてみてください。数秒で戻ってきます。

12
00:00:43,980 --> 00:00:46,440
 

13
00:00:47,670 --> 00:00:50,300
これで解決できるかどうか話しましょう。

14
00:00:50,310 --> 00:00:52,760
私はここにH Tim Lファイルを持っています。

15
00:00:53,130 --> 00:00:57,990
私たちはH1を持っており、最初の段落の後の段落があります。

16
00:00:57,990 --> 00:01:01,230
ファーストクラスに等しいIDは特別です。

17
00:01:01,230 --> 00:01:03,650
そして、私たちが本当に気にしないいくつかの段落があります。

18
00:01:03,990 --> 00:01:06,760
それを選択するには、いくつかのオプションがあります。

19
00:01:06,930 --> 00:01:09,500
IDで要素を取得することから始めましょう。

20
00:01:09,500 --> 00:01:16,030
だから、ドキュメントタイプにするには、最初にIDで要素を取得してください。

21
00:01:16,980 --> 00:01:22,710
クエリーセレクタを文書化するためにクエリーセレクタを使用してIDから最初に選択することもできます。

22
00:01:23,730 --> 00:01:30,840
最初にセレクタ構文を見る必要があると言うだけではありません。つまり、Querreyセレクタに最初に呼ばれたIDであることを伝えるOcta

23
00:01:30,930 --> 00:01:36,020
Thorpを追加して、同じことをするということです。

24
00:01:36,420 --> 00:01:40,600
それで、特別なクラスに基づいて選択することもできます。

25
00:01:40,800 --> 00:01:50,010
だから、クラス名とクラス名で要素を取得するのは特別な文書を行うことができ、それはそのクラス名を持つ2つの要素を与えることになります。

26
00:01:50,010 --> 00:01:52,700
 

27
00:01:52,710 --> 00:02:00,310
だから最初のものに絞るために、その後にゼロを追加します。その後角括弧は0になります。

28
00:02:00,390 --> 00:02:02,710
それが私たちに最初の段落を与えます。

29
00:02:02,880 --> 00:02:10,500
クエリーセレクタを使用することもできますし、クラスであるためにドットシンタックスを使用します。

30
00:02:10,500 --> 00:02:15,780
今度は、通常の古いクエリーセレクターは最初の結果しか得られないので、角カッコはゼロにする必要はありません。

31
00:02:15,780 --> 00:02:16,850
 

32
00:02:17,070 --> 00:02:23,490
クエリセレクタを使用すると、後ですべてゼロを追加することができ、同じ方法で動作します。

33
00:02:23,490 --> 00:02:25,920
私たちは同じ最初の段落を取得します。

34
00:02:26,010 --> 00:02:31,260
 

35
00:02:31,260 --> 00:02:40,180
もう1つのオプションは、段落またはPであるタグ名に基づいて選択することです。文書を実行することができます。タグ名で要素を取得し、Pで渡すと、すべての段落が得られます。

36
00:02:40,500 --> 00:02:44,290
したがって、ブラケットゼロを行います。

37
00:02:44,340 --> 00:02:45,980
また、クエリセレクタを使用することもできます。

38
00:02:46,020 --> 00:02:52,840
そのため、クエリーセレクタを文書化してください。インドは印刷のCSの内容を変更する必要はありません。インドはこれが段落タグを選択する方法だと言っているからです。

39
00:02:52,880 --> 00:02:55,410
 

40
00:02:55,620 --> 00:02:57,780
したがって、クエリーセレクタは私たちに最初のものを与えます。

41
00:02:57,850 --> 00:03:07,320
だから、ここで見ることができます。または、すべてのようなクエリを実行してゼロを追加することもできます。

42
00:03:07,530 --> 00:03:12,140
私たちはまた、自分自身の生活をもっと難しくし、より創造的なCSSAセレクタを使用することもできます。

43
00:03:12,240 --> 00:03:20,250
 

44
00:03:20,250 --> 00:03:28,260
 

45
00:03:28,320 --> 00:03:29,840
たとえば、私はこの段落が最初の段落がH-1の直後の最初の段落であることを知っています。つまり、H1の後の段落を選択するか、プラス記号を付けた段落に隣接するCSSAセレクタを書くことができます。

46
00:03:29,970 --> 00:03:31,320
それはこのように見えます。

47
00:03:31,320 --> 00:03:32,880
もし私が本当にやりたければ。

48
00:03:33,120 --> 00:03:39,150
コーリーセレクターとそれはH-1と段落になります。

49
00:03:39,720 --> 00:03:42,920
それはまた、私に最初の段落を与えます。

50
00:03:42,960 --> 00:03:45,630
他にもたくさんの方法があります。

51
00:03:45,630 --> 00:03:48,090
最初に型の段落を行うことができます。

52
00:03:48,210 --> 00:03:53,250
私たちはかなりクリエイティブになることができますが、IDやクラス名、タグ名で取得できるのであれば、それを行う理由はありません。

53
00:03:53,250 --> 00:03:54,690
 

54
00:03:54,990 --> 00:03:55,220
OK。

55
00:03:55,230 --> 00:04:00,000
だからうまくいけば、C

56
00:04:00,120 --> 00:04:03,760
Sのようにたくさんのオプションがあることがわかるように、少なくとも4つのものを考え出すことができます。

57
00:04:03,780 --> 00:04:08,630
IDを持っているので、この場合正しい答えは実際に1つだけありません。

58
00:04:08,730 --> 00:04:14,520
私はおそらくちょうど私たちがここで何をしたのかIDでクエリセレクタを使用するでしょう。

59
00:04:14,520 --> 00:04:15,800
またはIDで要素を取得する