html - 如果不使用 ','，样式将不适用

Question

我刚刚注意到，使用下面的 css 代码会忽略 .input.cmp 位:

.create input.cmp, input.email, input.pswd, input.pswda{}

使用下面的代码(前面有 , )工作正常。

.create ,input.cmp, input.email, input.pswd, input.pswda{}

这是怎么回事？这是正确的方法吗？或者我在这里做错了什么。

我以前使用 ID 而不是类，没有第一个 ',' 也能正常工作

Answer 1

.create input.cmp表示.create里面的input.cmp。

您可以像这样用 HTML 编写:

<div class="create">
 <input class="cmp">
</div>

&

.create ,input.cmp 体现不同元素的样式是独立的。根据上述样式，input.cmp 样式不依赖于 .create。因此，您可以在 .create 内部甚至外部使用 input.cmp 具有相同的样式。

您可以像这样用 HTML 编写:

<div class="create"></div>
<input class="cmp">

或

<div class="create">
 <input class="cmp">
</div>