CSS div [class * = "x"] синтаксичний випуск - css, css3, css-селектори

Подібне до цього питання, я просто не можу отримати синтаксис правильний. шаблон * в CSS для класів

У принципі, потрібно зробити це в твердженні "підстановки":

.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 всередині, коли він завис.

Відповіді:

Якщо ви маєте намір вибрати все tds на hover, які є дочірніми елементами елементів, що мають одне з цих трьох класів, це має бути:

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

тобто без коми після селектора класів, і немає класу як дочірнього елемента, а просто td з :hover.

BTW: Ви не писали, що батько є DIV, але я вважав, що з коду у вашому питанні, якщо ні, скористайтеся * замість div