css - 含むものを選択するが除外する

Question

最初の行のような通常のラベルと、入力フィールドを含むラベルの 2 種類のラベルがあります。<label>たまたま含まれているすべてのラベルを除外して、すべてを選択できる CSS ルールは<input>どれですか?

<label for="type">Some Label</label>

<label for="type">
   <input type="checkbox" value="1" id="type">Some Label
</label>

Answer 1

これを行う最善の方法は、それらに異なるクラスを追加するか、少なくともそれらの 1 つに追加することです。

CSS には親セレクターがないため、javascript を使用して other を含む要素を確認することはできません。

背景:
「バーを含む foo」の CSS セレクター?
CSS 親セレクターはありますか?
CSS 親/祖先セレクタ
アクティブな子の親の複雑な CSS セレクタ

Answer 2

ラベルと入力のペアを探している場合は、「隣接する兄弟」セレクターが機能するはずです。

label+input
{
    /* rules */
}

その中に入力があるラベルの後に入力がない限り、これはラベルのネストされた入力を無視します。

Sitepoint の CSS リファレンスを参照してください: http://reference.sitepoint.com/css/adjacentsiblingselector