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)」を設定したい場合は、以下を使用できます。