46

CSSセレクターについて質問があります。<div>特定のクラス名のaが、その内部にクラス名がある場合にのみ選択するに<ul>はどうすればよいsaftですか？このCSSクラスは他の場所で使用されており、どこでもスタイルを変更したくありません。

<div id="floater">
    <ul class="saft">
        <li><div class="textSlide"></li>
    </ul>
</div>
4

3 に答える 3

73

親要素と子孫要素の間にCSS子孫セレクター（スペース）を使用するだけです。

ul.saft div.textSlide {
    /* CSS rules */
}

JSフィドルデモ。

この場合、divofクラスに適用されるルールtextSlideは、その祖先がulクラスのaである場合にのみ適用されますsaft。代わりに、直接の子コンビネータを使用することもできますが、その場合は、クラスが必要な親/祖先までの各親/祖先との関係を>指定する必要があります。これにより、CSSの保守が困難になる可能性があります（この場合は、divしかし、時間の経過とともに問題になる可能性があります）。

于 2012-08-08T11:22:28.813 に答える
4

ただ行う：

ul.saft .textSlide {

これはあなたが必要とするものを達成します

于 2012-08-08T11:22:11.947 に答える
0

特定のクラス名のdivを簡単に選択できるのは、以下に説明するように、クラス名がsaftのUL内にある場合のみです：-

ul.saft .textSlide {
color:red;
}

またはデモを参照してください：-http：//tinkerbin.com/mcrh7iMq

于 2012-08-08T11:29:25.233 に答える