0

重複の可能性:
CSS オールインクルーシブ兄弟セレクター

CSS3 には隣接兄弟セレクタ +と一般兄弟セレクタ ~があります。すべての兄弟を選択することは可能ですか? (「一般的な」セレクターは、実際には次の兄弟のみを選択します)

たとえば、この例では、ホバーされたタグに続くタグだけでなく、ホバーされていないすべての a タグを小さくしたいと考えています。

HTML

<a href='#'>Item 1</a>
<a href='#'>Item 2</a>
<a href='#'>Item 3</a>

CSS

a { font-size: 15px; }
a:hover ~ a { font-size: 12px; }​
4

2 に答える 2

3

いいえ、セレクター 3 にはそのような兄弟セレクターはありません。

:not()疑似クラス asを使用してホバーされていない要素を選択することはできますが、現在ホバーされている他の要素に対して相対的に、またはホバーされている間のみa:not(:hover)、それらすべてを選択することはできません。a

于 2012-10-20T19:57:59.267 に答える
2
于 2012-10-20T20:20:34.750 に答える