css - 如何在 CSS 中选择具有特定类的多个 id

Question

我想做的就是选择多个元素和特定的类，这样我的 CSS 文件中就没有冗余

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

但是最后一个元素没有得到STLye，而其他元素得到了。我不确定为什么会这样。

提前致谢!

Answer 1

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

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

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

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