3

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

#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 吗?

4

4 回答 4

1

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

您需要调用 block2 的 id 或类,所以它应该是:

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

但是假设.block2在同一个.contentdiv 中,那么您也可以更具体地执行以下操作:

#wrapper .content .block1, #wrapper .content .block2 {
     background:#FFF;
}
于 2012-11-01T12:37:49.393 回答
1

通过使用

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

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

逗号后面的所有内容都是从零开始的,不考虑前面提到的条款。

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

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

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

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

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

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

于 2012-11-01T12:42:51.513 回答
1

我想

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

最适合你

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

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

于 2012-11-03T08:54:47.587 回答
0

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

前任。

.abc, .kbc, .xyz{

font-weight:bold;
}
于 2012-11-02T13:40:05.930 回答