CSS page script which works in v2 is not working in v3

[gituser317]

Hi, we just moved to v3 and one of our pages which has css styles applied is not working anymore.
The page has a markdown table with different data e.g.

| <data value="border">Text</data> | Text | <data value="1">1</data> | Text |

The page has CSS applied like this:

tr:has(data[value="1"]) > td {
background-color: #b4cf97!important
}
tr:has(data[value="2"]) > td {
background-color: #ffff8e!important
}
tr:has(data[value="3"]) > td {
background-color: #ffd556!important
}
tr:has(data[value="4"]) > td {
background-color: #ff9191!important
}
tr:has(data[value="5"]) > td {
background-color: #b095c3!important
}
tr:has(data[value=border]) > td {
border-top: 3px solid #e0e0e0!important
}

On v2 the complete line is colored with a background color. In v3 nothing happens.

[NGPixel]

1. 2.x and 3.x have completely different rendering and CSS. You can't expect CSS rules made for one to work on the other.
2. "value" attributes are striped from the output so that wouldn't work regardless.

You should consider writing your own custom block instead of using workarounds of the sort to color table rows.