Javascript 特定字符串的HTML偶数异常

下面是我提到的html代码，偶数行格式不同

但如果第行中有字符串“QACheck:”。我需要使用奇数行格式，即使它在偶数行来。请帮忙

对于偶数行，我使用如下方式：

tr:nth-child(even){background-color: #f2f2f2}

下面是代码

p{
字体系列：Calibri；
字体大小：14px；
字体大小：粗体；
文本对齐：左对齐；
}
p、 褪色{
颜色：#中交；
字体大小：14px；
}
em{
字体：斜体；
字体大小：16px；
字体重量：较轻；
}
埃姆通行证{
字体：斜体；
字体大小：16px；
颜色：绿色；
}
失败{
字体：斜体；
字体大小：16px；
颜色：红色；
}
a{
文字装饰：无；
}
a:悬停{
文字装饰：下划线；
}
人力资源{
对齐：左；
左边距：0px；
宽度：500px；
高度：1px；
}
桌子{
边界塌陷：塌陷；
}
tr{
填充：4px；
文本对齐：居中；
右边框：2px实心#FFFFFF；
}
tr:n子（偶数）{背景色：#f2f2}
th{
背景色：#cceeff；
颜色：黑色；
填充：4px；
右边框：2px实心#FFFFFF；
}
QACheck:ABC
探测与辨认自动装置
OT
质量保证
理由
果名
苹果
好啊
QACheck:XYZ
探测与辨认自动装置
OT
质量保证
理由
果名
橙色
好啊
蔬菜名
鼓槌
好啊

在HTML中，您可以添加未在页面上呈现但可由Javascript或CSS使用的内容

如果您使用CSS，那么您可以根据这些

data-*

属性确定所需节点的目标并设置其样式

例如：

tr:nth child（奇数）{背景色：#9999FF；}
tr[data type=“QA”]{color:#ff0000；}

这是红色的

如果您能够更改标记，可以使用不同的HTML属性

，并使用

tr[data type=“QA”]{color:#f2f2f2；}

设置样式，请详细说明更多信息。我不熟悉html你的html是错误的。

td

不能是

table

的直接子级，

tr

不能是

tr

的直接子级。它需要是

table->tr->td/th

谢谢您的更正。实际上，上面的代码是从python生成的。我将在python程序中进行更正，因为某些原因，我无法使用示例中所示的表格，我在没有表格但不工作的代码中使用了这个红色表格。我刚刚添加了tr:nth child（偶数）{background color:#f2f2f2}tr[data:type=“QA”}{color:#ff0000！important；}在上面的代码中，我的CSS中有一个输入错误，这是

数据类型

（带有“-”not a:“），我添加了这个，qachecheck:vNIC但没有工作，并在主程序tr[data type=“QA”{color:#ff0000！important；}但是，如果添加表，它将工作，但我不想使用表QACheck:vNIC好吧，你的HTML应该是正确的第一。通常，

td

进入

tr

表格。您的示例可能显示了所需的输出，但不正确。ant可能在不同的浏览器中有所不同。既然您已经了解了

data-*

元素，那么您可以尝试解决它。