css - これはどのようなcssセレクターですか？どういう意味ですか？

Question

ブートストラップを理解しようとしているときに、私はこれに出くわしました：

.control-group.error input, [...] { [...] }

子孫セレクターのように見えますが、.control-group.errorはクラスです。

これを調べましたが、何も見つかりませんでした：http: //css.maxdesign.com.au/selectutorial/

誰かが私にいくつかのポインタを与えることができますか？

Answer 1

あなたの質問を正しく理解したと仮定すると、とクラス名の.control-group.error両方を持つ要素と一致します。control-grouperror

あなたが言ったように、はクラス名とを持つ任意の要素の子孫である任意の要素inputと一致します。inputcontrol-grouperror

たとえば、次のように一致します。

<form class="control-group error">
    <input> <!-- It matches this (both class names on form) -->
</form>

そして、それは一致しません:

<form class="control-group">
    <input> <!-- It won't match this (only one of the class names on form) -->
</form>