大丈夫。
それで、すぐに運動する時間です。
これは、今説明したさまざまなDOMセレクタをカバーする予定です。
それで、H M LシンプルシーマルとH-1 3つの4つの段落を与えてくれる作品です。
いくつかのクラスには何もないクラスがあるというアイデアもあります。
そして私があなたがしたいことは、最初の段落を選択する4つの異なる方法を考え出すことです。
だから少なくとも、私たちが話したさまざまな方法を使ったそれ以上のものです。タグ名によるクラス名によるIDによる要素の取得Coreyセレクタのようなクエリは、すべてそれらを組み合わせて、4つの異なる方法でこれを選択します。
あなたが望むなら、それに付随するコードをダウンロードすることができます。
それ以外の場合は、これを入力してパズルビデオの例を思いついてみてください。数秒で戻ってきます。
これで解決できるかどうか話しましょう。
私はここにH Tim Lファイルを持っています。
私たちはH1を持っており、最初の段落の後の段落があります。
ファーストクラスに等しいIDは特別です。
そして、私たちが本当に気にしないいくつかの段落があります。
それを選択するには、いくつかのオプションがあります。
IDで要素を取得することから始めましょう。
だから、ドキュメントタイプにするには、最初にIDで要素を取得してください。
クエリーセレクタを文書化するためにクエリーセレクタを使用してIDから最初に選択することもできます。
最初にセレクタ構文を見る必要があると言うだけではありません。つまり、Querreyセレクタに最初に呼ばれたIDであることを伝えるOcta
Thorpを追加して、同じことをするということです。
それで、特別なクラスに基づいて選択することもできます。
だから、クラス名とクラス名で要素を取得するのは特別な文書を行うことができ、それはそのクラス名を持つ2つの要素を与えることになります。
だから最初のものに絞るために、その後にゼロを追加します。その後角括弧は0になります。
それが私たちに最初の段落を与えます。
クエリーセレクタを使用することもできますし、クラスであるためにドットシンタックスを使用します。
今度は、通常の古いクエリーセレクターは最初の結果しか得られないので、角カッコはゼロにする必要はありません。
クエリセレクタを使用すると、後ですべてゼロを追加することができ、同じ方法で動作します。
私たちは同じ最初の段落を取得します。
もう1つのオプションは、段落またはPであるタグ名に基づいて選択することです。文書を実行することができます。タグ名で要素を取得し、Pで渡すと、すべての段落が得られます。
したがって、ブラケットゼロを行います。
また、クエリセレクタを使用することもできます。
そのため、クエリーセレクタを文書化してください。インドは印刷のCSの内容を変更する必要はありません。インドはこれが段落タグを選択する方法だと言っているからです。
したがって、クエリーセレクタは私たちに最初のものを与えます。
だから、ここで見ることができます。または、すべてのようなクエリを実行してゼロを追加することもできます。
私たちはまた、自分自身の生活をもっと難しくし、より創造的なCSSAセレクタを使用することもできます。
たとえば、私はこの段落が最初の段落がH-1の直後の最初の段落であることを知っています。つまり、H1の後の段落を選択するか、プラス記号を付けた段落に隣接するCSSAセレクタを書くことができます。
それはこのように見えます。
もし私が本当にやりたければ。
コーリーセレクターとそれはH-1と段落になります。
それはまた、私に最初の段落を与えます。
他にもたくさんの方法があります。
最初に型の段落を行うことができます。
私たちはかなりクリエイティブになることができますが、IDやクラス名、タグ名で取得できるのであれば、それを行う理由はありません。
OK。
だからうまくいけば、C
Sのようにたくさんのオプションがあることがわかるように、少なくとも4つのものを考え出すことができます。
IDを持っているので、この場合正しい答えは実際に1つだけありません。
私はおそらくちょうど私たちがここで何をしたのかIDでクエリセレクタを使用するでしょう。
またはIDで要素を取得する