5

これがサンプルの例です

<html>
<head>
    <style>
        .test > input {     //this is wrong.
            color:red;
        }
    </style>
</head>

<body>
    <div class="test">
        <div>
            <input></input>
        </div>
    </div>
</body>
</html>

私がやりたいのは、入力要素にスタイルを適用することです。入力要素の選択方法。div の css スタイル名の助けを借りて。

4

4 に答える 4

3 
div.test input{

}

クラス test の div にネストされたすべての入力をスタイルします

div.test input:first-child{

}

最初のネストされた入力のみをスタイルします。

">" 演算子は直接子孫の要素のみをスタイルするため、div.test > div > 入力があるため、入力のスタイルを設定しません。テスト

于 2013-08-13T02:43:29.370 に答える
1

他の回答でこれまで言及されていないため、この特定のケースでは、*セレクターを使用することもできます。孫またはそれ以降の子孫である子孫に一致します。次のように使用します.test * input。

于 2016-05-20T20:17:11.830 に答える