CSS div[class*=“x”语法问题

类似于这个问题，我只是不能得到正确的语法。

我基本上需要把它变成一个“通配符”语句：

.et_pb_tab_0 td:hover{
    background: #000 !important;
}
.et_pb_tab_2 td:hover{
    background: #000 !important;
}
.et_pb_tab_3 td:hover{
    background: #000 !important;
}
etc....

以下是我尝试过的：

div[class*="et_pb_tab_"], div[class^=" td:hover"]{
    background: #000 !important;
}

---

但它的行为就好像它忽略了“td:hover”部分，并在悬停时更改了et_pb_选项卡的背景，而不是内部的td。

如果要选择悬停时的所有

td

s，它们是具有这三个类中的一个类的元素的子元素，则应该是：

div[class*="et_pb_tab_"] td:hover{
    background: #000 !important;
}

i、 e.类选择器后面没有逗号，也没有类作为子元素，只需将

td

与

：hover一起悬停即可

顺便说一句：你没有写家长是一个DIV，但我根据你问题中的代码推测。如果没有，请使用
*
而不是
div
它正按照您告诉它的方式使用CSS选择器
div[class*=“et\u pb\u tab”]
。至于
div[class^=“td:hover”]
。。。你真的有一个名为
td:hover
的类吗？去掉逗号，然后做第二个td:hover。这就是术语如此重要的原因，也是堆栈溢出的人们如此挑剔的原因。许多人将选择器或规则集称为“类”，但“类”有一个非常特殊的含义，试图将其应用于它不存在的事物将导致类似的情况。太好了！非常感谢。