Javascript 如何在具有特定数据值的替换元素上应用CSS？

我正在键入将css应用于具有

[data row=“row”]

类似于：

[data row=“row”]：类型的第n个（奇数）{
背景色：#B7CEEC；
}

地块标题-“asdad”删除

行项目标题123 2332
“2”“23”删除
“广告”


行项目标题342 33
“434”“删除”
“阿斯达”



标段标题2-“asdad”删除

行项目标题123 232
“23”“23”删除
“asd”

演示是

---

交替行是li，其中有数据行属性。因此：

li:nth-of-type(odd) [data-row="row"] {
    background-color: #B7CEEC;
}

---

这与

有关，还是与整个DOM有关？RGraham我对颜色进行了硬编码，以便您更好地理解我的问题。我怀疑这在CSS中是不可能的，除非所有
数据行
div共享一个父行。该演示突出显示偶数行。这也不能代表问题，因为你们所有的行都是兄弟姐妹，所以现在我不得不问一下。这与提问者的原始CSS有什么不同：
[data row=“row”]：第n个类型（奇数）
？这不起作用。我的情况不同。div不一定是兄弟姐妹。可能存在父子关系。你能在我的代码片段中使用吗？@venkat7668我已经对颜色进行了硬编码，以便你能更好地了解这是我在寻找的东西。他的代码不起作用。我的情况不同。div不一定是兄弟姐妹。可能存在父子关系。你能在我的代码片段中使用它吗？
li:nth-of-type(odd) [data-row="row"] {
    background-color: #B7CEEC;
}