这是什么样的css选择器？这是什么意思？

Question

在尝试了解bootstrap时，我遇到了这个问题：

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

它看起来像一个后代选择器，但.control-group.error是一个类。

我查看了这个，但找不到任何内容：http://css.maxdesign.com.au/selectutorial/

任何人都可以给我一些指示吗？

Answer 1

假设我已正确理解您的问题，.control-group.error将匹配同时具有control-group和error类名称的所有元素。

正如您所说，input将匹配任何input元素，该元素是具有类名control-group和error的任何元素的后代。

例如，它匹配：

<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>