-3

このhtmlがあるとします

<div class="a">
   <div>...</div>
   ...
   <div id="b">xyz</div>
</div>


<div class="a">
   <div>...</div>
   ...
   <div id="c">abc</div>
</div>

URLでターゲットに設定するときに#bにスタイルを適用するのは、css：targetセレクターを使用すると簡単です。class = "a"を使用して親divにスタイルを適用することは可能ですか？

4

3 に答える 3

1

いいえ、そのためにはCSS親セレクターが必要になるためです。CSS2とCSS3ではそのために何も指定されていません。CSS4には、シンボルを使用する（ある程度）親セレクター（サブジェクトセレクターと呼ばれる）!がありますが、ブラウザーは（まだ）それをサポートしていません。

于 2013-03-13T10:33:31.923 に答える
0

いいえ、CSSカスケード（CSS =カスケードスタイルシート）、上昇しません。親要素にスタイルを明示的に適用する必要があります。

@otinanaiが提案するようなことをして、子divにクラスを追加する方がよいでしょう。例えば

HTML

<div class="a">
   <div>...</div>
   ...
   <div class="aItem" id="b">xyz</div>
</div>

<div class="a">
   <div>...</div>
   ...
   <div class="aItem" id="c">abc</div>
</div>

CSS

.a {
    border: 1px solid #000;
}
.aItem {
    color: #999;
}

したがって、クラスを使用して要素のスタイルを一貫して設定します。それ以外の場合は、D、E、FGからZまでのCSSを記述し、予約マーキング/URLの目的でのみIDを使用する必要があります。

于 2013-03-13T10:44:21.323 に答える
0

idあなたはあなたに余分なものを追加して<div class="a">それを作ることができます：

<div class="a" id="abc">

...そしてまだ使用し:targetます。

于 2013-03-13T10:33:19.020 に答える