与不同类/标签相同的css属性

Question

当我想将相同的attr应用于不同的类/标签时，我就这样做：

#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;
} 

这种用法是错误的吗？你会推荐一个网站或（e）预订或喜欢这个用于css的真实用途吗？

Answer 1

不知道所有HTML，但最后一个可能是正确的。

您需要为block2调用id或类，因此它应该是：

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

但假设.block2位于同一个.content div中，那么您也可以更具体而且：

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

Answer 2

通过使用

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

您实际上是这样说的：带有ID包装器的元素，具有类内容和类型为radio的输入类型应用以下内容：（border：none），对于具有输入类型复选框的页面上的每个输入都应用（border：没有）。

逗号之后的所有内容都是从零开始，不考虑之前提及的条款。

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

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

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

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

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

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

Answer 3

我想

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

最适合你

您实际上是这样说的：带有ID包装器的元素，具有类内容和类型为radio的输入类型应用以下内容：（border：none），对于具有输入类型复选框的页面上的每个输入都应用（border：没有）。

为此你想要所有复选框都没有边框。

Answer 4

您可以通过用逗号分隔它们，为不同的类/标记赋予相同的css属性。

实施例。

.abc, .kbc, .xyz{

font-weight:bold;
}