Невозможно в чистом виде CSS выбрать элемент в зависимости от его содержимого. Но в коде, который вы разместили, вы применили разные классы к каждой строке, поэтому - если бы вы могли делать это динамически - это бы сработало. В противном случае вам понадобится пара строк javascript ...
[обновление]. Я нашел (довольно хитрый) способ сделать это; начиная с вашего html кода, я добавил псевдоэлемент, который будет использоваться в качестве фона для всей строки; это требует, чтобы TR имели относительную позицию (таким образом, они должны иметь свойство display, установленное на другое значение, чем «table-row», в этом случае я выбрал «flex»). Вот код css:
.voorraad tr,
.voorraad tr div
{
position: relative;
overflow: hidden;
}
.voorraad tr div
{
z-index:1;
}
.voorraad tr,
.mx-name-head-row
{
display:flex;
justify-content:center;
align-items:center;
}
.voorraad td,
.mx-name-head-row th
{
flex:1;
text-align:center;
}
td[title="Geen Voorraad"]:before
{
content: "";
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:orange;
}
Это не то, что вы бы назвали «чистым кодом», но это делает работу.