css - 相同的 css 属性到不同的类/标签

Question

当我想将相同的属性应用于不同的类/标签时，我会这样做:

#wrapper .content input[type=radio], .content input[type=checkbox]{
     border:none;
} 

或者:

#wrapper .content input[type=radio],input[type=checkbox]{
     border:none;
} 

或者:

#wrapper .content .block1, .block2{
     background:#FFF;
} 

这个用法错了吗？你会推荐一个网站或(电子)书或类似的网站来真正使用 css 吗？

Answer 1

通过使用

 #wrapper .content input[type=radio],input[type=checkbox]{
     border:none;
} 

您实际上是在说:具有 ID 包装器的元素，具有类内容和类型为 radio 的输入类型应用以下内容:(边框:无)，对于页面上具有输入类型复选框的每个输入应用(边框:无)。

逗号后的所有内容都从零开始，不考虑前面提到的子句。

但正如 Andy 所说，如果没有 HTML 示例，我们所能做的就是解释它是如何被解释的。 (看看 block2 和 .block2 之间的区别。Block2 说有一个元素 <block2> .block2 表示有一个元素(例如)<fieldset class="block2"> </fieldset>

当我想将相同的属性应用于不同的类/标签时，我会这样做:

要回答这个问题，如果您只想指定一个类，则无需明确提及 ID。你也可以这样做

.content input[type=radio],input[type=checkbox]{
border:none;
}

这没有错误，但在那种情况下，它会将其应用于具有该类的所有元素。因此，假设您有 2 个字段集和一个 .content 类，那么将应用相同的 css 值。

所以如果要指定哪个fieldset，应该使用封装元素的ID，后面是class。