Question

与此问题类似，我无法正确理解语法。 wildcard * in CSS for classes

我基本上需要将其变成“通配符”声明：

.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_tab_ *的背景而不是内部的td。

Answer 1

如果您打算在悬停时选择所有td s，它们是具有这三个类别之一的元素的子元素，则应为：

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

即。类选择器后没有逗号，没有类作为子元素，只有td和:hover。

顺便说一句：你没有写过父母是DIV，但我从你问题的代码中推测出来。如果不是，请使用*代替div

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

1 个答案: