不同类/标签的相同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 的输入类型应用以下内容： (border:none) ，对于页面上具有输入类型复选框的每个输入应用（边框：无）。

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

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

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

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

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

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

所以如果要指定哪个字段集，应该使用封装元素的ID，后跟类。

Answer 2

在不知道 HTML 的情况下，除了最后一个可能是正确的。

你需要为你的 block2 调用一个 id 或类，所以它应该是：

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

但假设 .block2 在同一个 .content div 中，那么您也可以更具体地执行以下操作：

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

Answer 3

我觉得

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

最适合你

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

为此，您希望所有复选框都没有边框。

Answer 4

您可以通过用逗号分隔不同的类/标签来赋予相同的 css 属性。

例如。

.abc, .kbc, .xyz{

font-weight:bold;
}