Question

我今天正在做一些CSS，并被迫改变了一些语法：

input.cssClass

到

.cssClass input

这些定义有何不同，我们何时应该使用其中任何一种？

Answer 1

哇，这是一个奇怪的变化。第一个将收集所有inputs与课程cssClass，而第二个将收集所有inputs与cssClass的任何元素。

<body>
 <input class="cssClass" type="text" />
 <div class="cssClass">
   <input type="text" />
 </div>
</body>

所以在这里，第一个输入将被第一个选择器抓取，而第二个输入将被第二个选择器抓取。两个选择器都不会同时抓住它们。

Answer 2

input.cssClass会将该样式应用于指定了该类的输入类型对象。

.cssClass input会将该样式应用于包含cssClass类的任何其他对象类型中的输入类型对象。

Answer 3

第一个适用于具有类input的任何cssClass元素：

<input class="cssClass" type="text" />

而第二个适用于具有类input的元素内的任何cssClass元素，例如：

<div class="cssClass">
    <input type="text" />
</div>