Question

我想要做的就是选择多个元素并使用某个类，这样我的CSS文件中就没有冗余

 #resp36, #physicalResp36, #nonResp36, #physicalNonResp36 .fieldStateError {
        border: 1px solid #d6dbdc!important;
 }

但是最后一个元素并没有得到其他人的支持。我不确定为什么会这样。

提前谢谢！

Answer 1

选择器中的空格会导致查找子元素。您可以通过简单地将所有选择器放在彼此后面来选择具有多个条件的元素：

#resp36.fieldStateError,
#physicalResp36.fieldStateError,
#nonResp36.fieldStateError,
#physicalNonResp36.fieldStateError {
    border: 1px solid #d6dbdc !important;
}

请注意，这几乎是您在CSS中可以做的最多余的事情之一，因为类旨在将这些声明统一到单个选择器中。除非您正在使用.fieldStateError类，否则这应该与上面的代码具有相同的效果：

.fieldStateError {
    border: 1px solid #d6dbdc !important;
}

Answer 2

在＆＃34; .fieldStateError＆＃34;之前没有逗号。

示例：

     #resp36, #physicalResp36, #nonResp36, #physicalNonResp36, .fieldStateError {
        border: 1px solid #d6dbdc!important;
 }

或删除差距（<div id="#physicalNonResp36" class="fieldStateError">）

#resp36, #physicalResp36, #nonResp36, #physicalNonResp36.fieldStateError {
        border: 1px solid #d6dbdc!important;
 }

Answer 3

如果所有元素都有该类，则只需使用类选择器。

如果你想选择也有该类的最后一个id，请删除class和id之间的空格，因为你要求那个id的儿子加上该类。

如何选择CSS中具有特定类的多个ID

3 个答案: