ホームページ > 記事 > ウェブフロントエンド > CSS 後の子孫セレクターとマルチクラス セレクター
1.子孫セレクター
CSSの子孫セレクターと言えば。これは派生セレクターの 1 つであり、2 つの関係は次のとおりです:
-->派生セレクター
----CSS 子孫セレクター
----CSS 子要素セレクター
----CSS 隣接兄弟セレクター
そこで問題は、いつ子孫セレクターを使用する必要があるのかということです。 p 要素の span 要素 (.A クラス) に特別なスタイルを設定する必要があるとします。子孫セレクターを使用して要素を選択できます:
上記のコードの 2 つのセレクターはスペースで区切られていることに注意してください。さらに、子孫セレクターは非常に自由に使用できます。言い換えると、上の例では、p 要素はおじいちゃんなど、span の直接の年長者である限り、必ずしも span の父親である必要はありません。つまり、p要素にspan要素が含まれる場合、子孫セレクターが活躍する可能性があります。
2. マルチカテゴリーセレクター
次に、マルチタイプセレクターについて説明します。例:
上記のコードでは 2 つのセレクターを区切るスペースがないことに注意してください。さて、.funny と .handsome の 2 つのカテゴリがあります。明らかに、「私は面白くてハンサムな男の子ですが、どちらも私ではありません」は真の命題なので、複数カテゴリの選択肢は「.funny.handsome」だけです。 「そうして初めてあなたは私を選ぶことができます。しかし、「.funny」だけでは私を選択することはできません。その理由は、上記の真の命題に示されています。「.handsome」セレクターについても同様です。
さて、もう面倒なことはやめましょう。たとえば、「1. Clicked (.selected)」を設定したい場合は、以下を使用できます。
リーリー