OK。
このビデオでは、2つの重要なトピックを取り上げ、まだ話を進めていないと評価しています。これらは継承と特異性です。
開始するには、継承が働く方法を実証し、評価を見てみましょう。
だからここには単純なファイルがある。
それは内部に4人の味方を持つ単一の井戸を持っています。私はスタイル・タグに自分のスタイルを書くつもりです。
しかし、実際にはこれを外部スタイルシートで行う方が常に良いです。
ですから、私はULのスタイルを設定して紫色にします。そうすると、私がリフレッシュすると実際に紫色になることがわかります。
そこで何が起こったのですか？
あなたは、彼らがULのスタイルを設定した領域のスタイルを知っていて、その嘘は間接的に変更され、その要素を親要素から継承しました。
ですから、もう一つの例を見せてください。
ここで段落を追加しましょう。それは黒く始まり、来るつもりです。これはあなたが今紫色にします。
ですから、すべては普通の黒文字です。
私は私のスタイルで行くと、私は体を言うと私は体に色の赤を与えると私はこれをリフレッシュする場合、これを少し大きくします。
すべてが赤であることがわかります。
これは継承の概念を示しています。親にプロパティを設定すると、子要素にも影響を与えることができます。
ですから、すべての段落と同盟国すべてを読むようにしたいのであれば、これは素晴らしいことです。
私たちは段落のように座って読んだり、同盟国を選んで赤くする必要はありません。
私たちは体を選ぶだけです。
だから私が示したい次のことは、私がここに入ると何が起きるのか、それから実際にそれが緑色になる段落を決定します。
リフレッシュすると、段落が緑色に変わったことがわかります。
同様にulを緑色にしたい、または青色にしたい場合は、ULが青色に変わって保存してリフレッシュし、味方がそれを継承するので、味方も同様にします。
ここで何が起きているのかは実際にこの特異性とCSSAのアイデアを実証しています。
だから我々はこの同盟国に影響を与える可能性のある複数のスタイルを持っている。
それは赤色になる可能性があり、それは赤色で始まり、青色に戻ってきます。
したがって、これらの要素の1つを調べて、このフルスクリーンを作成し、これを増やしてフォントサイズを少し増やすつもりなら、色が青色から青色に設定されていることがわかりますULから継承されており、スクロールし続けると体から継承されることがわかります。
色は赤ですが、実際には外に出ているので、まったく適用されていません。
そして、代わりにこのスタイルが適用されています。
これは、このスタイルが適用されようとしているか、選択したこの要素を対象にしていますが、実際には適用されていないという意味です。
したがって、継承に非常に密接に関連する次のトピックは、特異性と呼ばれます。
このアイデアは、ある要素を対象とした複数のスタイルを持つことができるという点で具体性があります。
このULやこの同盟国をターゲットにした複数のスタイルがあります。
うそが赤くなっているか、このラインの対象となっています。
身体のすべてが赤くなっている体。
そしてそれはまた、すべてのジュエルズ・ブルーのすべてを変えるこのラインによって狙われている。
それでSSはどちらが勝つかを決める必要があります。
この場合、この要素に最も近いスタイルが使用されます。
だから、どちらがより具体的で、それは身体が非常に一般的であることを意味するもので、それはすべてです。
そして、ULは勝つときより具体的です。
しかし、これは単純なケースです。
だから今、少しだけ、セレクタを追加してセレクタを追加しましょう。
それでは、直接アリーセレクタを追加して、同盟国のオレンジを作ってみましょう。
そしてあなたが期待するように、それはすべての味方をオレンジ色にします。
私たちが検査官を開くと、体に赤くなっているのが見えますが、それは横断されています。
それはULセレクターによって青色になっていて、フライセレクターによってオレンジ色になっていて、1つは勝ちます。
だから、これらはどれが勝つのかがはっきりしている単純なケースです。
しかし今、これの上に何かを紹介しよう。
今度はこれをハイライトと呼ばれるクラスにしたいとしましょう。私はそれを2つに渡して、次にこのクラスのハイライトを選択し、背景色を付けます。
実際に色をつけましょう。
ちょうど黄色と同じ性質の色ですので、私は保存します。
あなたはどちらが今勝つだろうと思いますか？
チェックしてみましょう。あなたはハイライトクラスが勝っていることがわかります。ハイクラスのクラスのために黄色に変わります。
これは、私たちにL. A.
私たちは直接、すべての同盟国を対象とし、それらをオレンジ色にしています。そして、このクラスを持ついくつかの同盟国を直接対象にして黄色にしています。
この場合、このクラスが勝ちです。
実際にはどのように動作するかについては、実際には非常に特殊なルールがあります。
しかし、その前に私はちょうどもう一つの例を追加したいので、この要素にもIを与えてみましょう。 D.
私はそれを特別なものと呼ぶつもりです。
私はその要素を特別なものにするつもりだし、ピンクの色を付けてリフレッシュするつもりです。
その要素が勝つことがわかります。
もう一度、検査すれば、継承された井戸からは適用されないが、適用されないクラスから適用されない嘘からは適用されない体のスタイルがあることがわかります。
そして、それから適用される特別なIDの1つ。
この場合、IDが勝ちます。
だから私が言及したように、この仕組みについては非常に具体的なルールがあります。
そして私はそれらをここに書きました。
しかし、実際には私はMに行くつもりです。
Dと最初に彼らはあなたが読むことを強くお勧めし、どのように特異性が計算されるかについて話すこの素晴らしい記事があることを示しています。
だから彼女は、この色が3色または4色であることを見ている。
どれを選ぶかはどのように分かりますか？
実際には計算を実行して、それらのセレクタのそれぞれに数値を割り当てます。
それで、ここに数値を代入し、次にこれに代入し、次にこれとこれに数値を代入します。
そして、我々が知っているように、これは勝ちます。
だから実際に計算される方法は、実際に正確な数学を知る必要はありませんが、私はあなたにここでそれを示します。
実際にオンラインに入力して特定のものがどのようになっているのかを示す電卓があります。
ですから、もし私がすべての同盟国を選ぶだけであれば、それは1つの特異性を持っていることがわかります。
今度はそのクラスのハイライトを見てみましょう。具体的には10の特異性の10倍です。
だからこそ、嘘の上にあるクラス1があります。
それで、この要素が実際に黄色であるのは、そのクラスのハイライトがオレンジ色を上回っていたからです。
今私達が行くと私は私を追加します。 D.
私たちがあなたが見ることができるスペシャルと呼ぶものは、法律のタグだけでは100倍も具体的です。
1つが勝ち、それはクラスを打つ。
ここでの基本的なルールは、要素セレクタのタグ名があまり具体的ではないということです。クラスセレクタははるかに具体的であり、IDは最も具体的です。
そして、私はそれが1つのIDだけに限られていないことも示します。
だからもっと具体的なものが何であるかを知りたいとしましょう。
私にはクラスとクラスがあります。
だから、これは子孫のセレクタです。これはたった20の特異性であることを忘れないでください。
そして、もし私がただ一つのIを持っていれば。 D. それは100の特異性です。
だから私はあなたがいつもサイトを使い、数字を計算する必要があると思うことを望んでいません。
それは重要ではない。
あなたが知る必要があるのはすべて大小の順序なので、私はここで私のノートに行き、型セレクタを書き留めてもらうようにします。
だからこそ、このような、あるいはそれの中のATF、あるいは隣接するセレクタのようなもののように見えるでしょう。
したがって、これらのセレクタはあまり具体的ではありません。
しかし今年中でさえこれはこれよりも具体的になるだろう。
これは、我々が参照している2つの要素があるため、これよりも具体的になるでしょう。
実際に計算した場合、これは特異性です。
そしてこれは2つです。
次に、次のレベルはクラスです。
だから、これはこれらのどれよりも10倍以上の大きさのオーダーになるでしょう。
属性セレクタも同様です。
ですから、入力タイプがテキストと等しく、ホバーのような擬似クラスセレクタもあります。
ホバー上のタグ、またはチェックされた入力、そしてそこにこのコロンがあるような他のもの。
そして、最も具体的なのは私です。 D. セレクタ。
そして、それはここでセレクタよりも大きいか、またはより特定の大きさの別のオーダーになるでしょう。