このビデオでは、要素を選択する他の方法についていくつか説明します。
これまで見た3つの主なもののほかに、
これらの3つを要約すると、要素セレクターのクラスとIDセレクターは要素がDot
lowのようなAllyクラスのように見え、IDはアートやハッシュ記号であり、内部に置かれたものはIDまたはクラスまたはすべてを対象としますタイプの要素。
だから要素を選択するには3つの方法がありますが、もっと多くの方法があります。
ここでは5つに焦点を当てるつもりですが、この5つは最も一般的に最も重要だと思うものです。
しかし、もっとたくさんあります。
実際には私がリンクしているこの記事があり、Tutt's Plusの説明は無料の記事です。
それは本当に素晴らしいです。
あなたが覚えておかなければならない30のCSSAセレクターと呼ばれています。あなたが慌てる前に、これらを覚える必要はありません。
より重要なものや、私たちが常に使用するものを自然に覚えるでしょう。
しかし、この記事のポイントは、あなたが知るべきである少なくとも30の良いものがあると言うことです。
言いたいことは30だけ残っていることは言うまでもありませんが、まだそれはかなりのことです。
この記事では、あなたが知る必要のないことが示唆されるほど多くのことがあります。
ですから、これを行う方法はたくさんあります。
この記事では30個をハイライトし、もっと重要なもののうち5個または6個を通過するつもりです。
だから私はあなたがこれを読んで与えることをお勧めします。
次回のビデオでは、この記事で取り上げられていることのほか、ここで扱う内容とテキストエディタの内容についても説明します。
だから私は基本的なHMOを持っています。
私はファイルを作成するプロセスを進めるつもりはありません。
これは、必ずしもコード化する必要があるものではありませんが、H1がある場所では、彼を傷つける基本的なものです。
Googleには、Googleへのリンクがあります。
私たちは3人の味方を持つULを持っています。
それから、私たちはHを持っていますし、3人の同盟国と別の4人、そしてもう1人は3人の同盟国となりますが、各同盟国は現在リンクを持ち、最初のものもこのリンクのようにGoogleに行きます。
それから、もう1人はFacebookに行き、最後の人はそれを読むようになります。
簡単なマークアップ。
そしてセレクタと呼ばれるスタイルシートがあります。
SSここではRC
SSを記入するつもりです。話すつもりの最初のものはD-Starセレクターと呼ばれ、アスタリスクが付いており、ページ上のすべてを選択します。
だから、これは実際にそれをしばしばやりたいことではありませんが、このように見えます。
そして、私たちが何をしても、実際にはすべての要素に適用されます。
ですから、すべてのものに1ピクセルの明るい灰色の要素を与え、ページ上のすべての要素、つまりリンクごとにH-1というボディを見ることができます。
すべての人が国境を接するためにHの同盟国。
だから、これはあなたがたくさんする必要があるものではありませんが、時々それを見るでしょう。
次の1つはLechterの子孫です。この1つを使用して、いつでも見ることができます。
だから、子孫セレクターの仕組みは、2つ以上のタグ名か2つ以上のセレクターを取り、それらを連鎖することです。
ですから、味方の内部にあるアンカータグをすべて選択したいのであれば、味方の中のアンカータグだけを選択したいのですが、アンカータグはそれだけで表示されます。
私は味方の子孫であるすべてのアンカータグを選択したいと思います。
そうするためには、構文はAlly spaceのように見え、次にアンカータグのように見えます。
だから、これは同盟国の中で年齢タグであるすべてを選択し、私たちはこれを続けることができます。
もし私たちがそれ以上持っていれば、このようにこれを書き直すこともできます。これは、ULの内側にある味方のタグの中にあるすべてのタグです。私たちはここにありますが、それは冗長です。
そして、私はまた、すべてのアンカーがクラスHelloとすべてのことを言いました。
同盟国の中には、それに合ったマークアップはありません。
すべてのアンカータグは同盟国の内部にあるので。
それに赤の色を付けてリフレッシュしましょう。
これらの3つのアンカータグが赤色であることがわかります。
これは変わらない。
次は隣接するセレクタです。
だから、隣接セレクタは、別の要素の後に来る要素を選択できるようになります。
このように内部に入れ子にされていないので、仲間は井戸に入れ子になっています。
兄弟を選ぶことができます。
だから、Hレベルの後に来るすべてのULSを選択するつもりです。
フォークの内側ではなく、同じレベルのHにある兄弟の直後にインデントされていません。
これは隣接セレクタと呼ばれ、このように見えます。
私たちはあなたに4歳をプラスすると言います。
だから、これがなければ、私たちはすべて私たちの中にいるでしょう。
私たちは4歳に隣接しています。
そして、私はちょうど国境を与えるつもりだ、4つのピクセル固体赤を行うと私たちはこれらの2つのULが隣接しているのを見てください。
彼らは同じレベルでこの年齢4の後に来て、赤い国境を持っています。
もう1つ、これを示したいと思います。これは本当に重要な属性セレクタです。
したがって、属性セレクタは、任意の属性に基づいて要素を選択する方法です。
したがって、我々の場合、H ref属性に基づいて選択を行います。
ここでは、HへのすべてのリンクをGoogleに向けることを確認します。 F. Googleドットコムです。
1つの色にするつもりですが、特定のソースのすべての画像や、すべてのチェックボックスやすべてのパスワードフィールドなどの特定のタイプのすべての入力を選択することもできます。
したがって、構文ではアンカータグを入力し、次に角カッコを入力して、内部に探している属性を入力します。
トレフと同等であれば、Googleへのリンクを作成します。
これは、これと等しいHGFを持つすべてのアンカータグを選択し、次にそれに色を付けて背景に青を付け、これら2つのリンクを見ることができます。
この最初のものはGoogleに、もう1つはGoogleに送られます。
彼らは青です。
しかし、他の2つのリンクはGoogleには行きません。
彼らはFacebookに行き、それを読む。
だから彼らは変わらない。
あなたはまた、実際にはこれを多く見たり、すべてのテキスト入力を異なったスタイルにしたい場合は入力タイプをテキストと同じにします。多くの異なる入力色の入力とファイルの写真とパスワードと電子メールと送信ボタンはすべて入力タグです。
だから、入力で選択するだけで、私たちはすべての異なるタイプの入力を得ることになります。
だから私たちはしばしばタイプによって選択します。
それでは、Googleのrefセレクタに戻りましょう。
ですからここで私がここで話したいのは、タイプの終わりとタイプの終わりの仕方が3〜5のような数字です。
そして、特定の要素のすべての終わりを選択します。
だから、私が使うことができるページの5番目のdivまたは1番目の2番目の兄弟か5番目の10番目の段落を選択したい場合は、
この場合、Dronaは最終的なULを選択し、最終的に何かを行います。
まあ、第3のもの。
私はそれを別の国境や異なる背景を与えたいとしましょう。私はよくコロンとタイプの3つのような番号を選択します。
そして、私は背景を言うつもりです。
紫色のような明白な背景を与えましょう。あなたはよく紫色になっています。
これは、ページの何かを選択したい場合に便利です。
私が注意しなければならないことの1つは、この作品が味方に行き、3度目の嘘を変えるということです。
私がそれをする前に、あなたはあなたが思うことが起こると想像して欲しい。
だから、これは第三の味方を選ぶことになっています。
それは私が推測しているこの1つだろう。
しかし、それがリフレッシュされるにつれて、それは実際には3番目の嘘をすべて選択することがわかります
だから、同盟国のすべてのグループから、それは第3のものを選択するつもりです。
そしてもし私が束をもっと持っていたら。
特定のグループの3番目のグループに似ていることに注意することは重要ですので、アスパラガスをもう一度選択してアスパラガスを選ぶのと同じように3番目にはないので、3番目のアスパラガスグループを選択することになります。
しかし、偶数を選択する方法がありますので、他のすべての同盟国を選択してこのように紫色にすることができます