[CSS]:选择器上两种样式的优先级

[CSS]:选择器上两种样式的优先级,css,Css,我有两种表格css样式: <style> tr:nth-child(even){color:blue; background-color:gray;} .SelectedRow {background-color:#f8ffbc;} </style> 是否有任何具体的优先事项或其他事情,我应该知道这样做 这是因为CSS选择器的优先级。类和伪类值为10,元素值为1。看 在第一个选择器中,使用元素和伪类。那是11的重量。第二个选择器只是一个类,因此它的权重为

我有两种表格css样式:

<style>
    tr:nth-child(even){color:blue; background-color:gray;}
    .SelectedRow {background-color:#f8ffbc;}
</style>

是否有任何具体的优先事项或其他事情,我应该知道这样做

这是因为CSS选择器的优先级。类和伪类值为10,元素值为1。看

在第一个选择器中,使用元素和伪类。那是11的重量。第二个选择器只是一个类,因此它的权重为10。因此,第一个选择器大于第二个选择器

可以通过向第二个元素添加元素来增加其权重,以使其具有相同的权重。然后,样式表中后面的一个将继续

tr:nth-child(even){color:blue; background-color:gray;}
tr.SelectedRow {background-color:#f8ffbc;}

这是因为CSS选择器的优先级。类和伪类值为10,元素值为1。看

在第一个选择器中,使用元素和伪类。那是11的重量。第二个选择器只是一个类,因此它的权重为10。因此,第一个选择器大于第二个选择器

可以通过向第二个元素添加元素来增加其权重,以使其具有相同的权重。然后,样式表中后面的一个将继续

tr:nth-child(even){color:blue; background-color:gray;}
tr.SelectedRow {background-color:#f8ffbc;}

你能显示你的html吗?你能显示你的html吗?