css 第二个td样式,表行样式被td样式css覆盖

基本上我有一个带有1px纯灰色边框的表，每行包含一个单选按钮。我在通过单选按钮选择的行上应用1px红色边框。颜色不会改变。但是如果我将红色边框设置为2px，它就会改变。

我认为这与一些优先级问题有关，这意味着如果两个边界都是1px并且两者都是实心的，那么td适用，如果td边界是虚线的，那么实心边界适用于所选择的行。如果所选行的边框宽度大于td。，则情况相同

我认为这就是它在css中的表现(我可能错了，在这里遗漏了一些东西)但是我想知道如何能够相对容易地解决这个问题(我可以设置一个背景图像并且没有边框等等) ，但这似乎很激烈)

编辑(我想说的一个例子)：

如果你在其中一个tr上添加一个“red-border”类，如下所示：

并指定红色边框类样式，如下所示：

.red-border {

1px solid red;

}

它不适用。但是如果你添加：

.red-border {

2px solid red;

}

确实适用。如果将td边框设置为点线，也是如此：

table, td, th

{

border:1px dotted black;

}

并将红色边框保持为1px红色，确实适用。

生病只是通过使用特定类来设置tds样式，并在click事件中添加。我只是好奇这是不是它的意图如何工作或者我错过了什么？

EDIT2：

我已经应用了这样的样式：

.red-border {

background-color: #fbfafa !important;

color: #571c20;

.first {

border-left: 1px solid #571c20 !important;

border-top: 1px solid #571c20 !important;

border-bottom: 1px solid #571c20 !important;

}

.second {

border-top: 1px solid #571c20 !important;

border-bottom: 1px solid #571c20 !important;

}

.third {

border-top: 1px solid #571c20 !important;

border-bottom: 1px solid #571c20 !important;

}

.fourth {

border-top: 1px solid #571c20 !important;

border-bottom: 1px solid #571c20 !important;

border-right: 1px solid #571c20 !important;

}

}

它有时仍然不适用。它适用于第一行，第二行不适用上边框，第三行相同。在另一张桌子上，右边框不适用。