CSS结合Class&；风格

我有一个表行，它应用了一个类。根据该行中设置的值，我可以直接在该行中使用样式更改背景色

$bground = ($a === 'a') ? '#A0A0A0' : '#ffffff';

<tr class='$class' align='center' style='background-color:$bground '>

如果我从行中删除

style='background-color:$bground'>

，则悬停并按预期选择

有办法吗

---

谢谢

首先背景色可以缩短为背景色，如下：

.className{background:#fff}

接下来，您可以组合重复样式，如下所示：

.classOne, .classTwo, #idOne {background: #fff;}

接下来，不要分配任何内联js或css。不好的实践会导致代码更难维护。只需在其上添加一个新id/类即可

最后，指定内联css停止样式表的原因是内联css具有更高的特定性值。在样式表中，可以使用元素添加权重：

div.classOne.someOtherClassItHas {background: #fff;}

如果这还不够，你可以一直添加

！重要信息

帮助停止覆盖的规则：

.class {background: #fff !important;}

---

尽管这是最后的手段（我建议将任何重要的规则移到样式表的底部），但要谨慎使用，因为它会扰乱样式表的行为

首先，背景色可以缩短为背景色，如下所示：

.className{background:#fff}

接下来，您可以组合重复样式，如下所示：

.classOne, .classTwo, #idOne {background: #fff;}

接下来，不要分配任何内联js或css。不好的实践会导致代码更难维护。只需在其上添加一个新id/类即可

最后，指定内联css停止样式表的原因是内联css具有更高的特定性值。在样式表中，可以使用元素添加权重：

div.classOne.someOtherClassItHas {background: #fff;}

如果这还不够，你可以添加

！重要信息

帮助停止覆盖的规则：

.class {background: #fff !important;}

---

尽管这是最后的手段（我建议将任何重要的规则移到样式表的底部），但要谨慎使用，因为它会扰乱样式表的行为

否。内联样式始终覆盖CSS。由于已通过内联样式设置背景色，因此无法使用CSS更改背景色

解决此问题的方法是，不使用内联样式更改背景颜色，只需向tr添加另一个类，该类对背景颜色具有不同的规则

.res table tr.color1 {
background-color: #A0A0A0;
}

.res table tr.color2 {
background-color: #ffffff;
}

然后在代码中，将类添加到tr：

$bgroundClass = ($a === 'a') ? 'color1' : 'color2';

<tr class='$class $bgroundClass' align='center'>

$bgroundClass=（$a=='a'）？'color1'：'color2'；

否。内联样式始终覆盖CSS。由于已通过内联样式设置背景色，因此无法使用CSS更改背景色

解决此问题的方法是，不使用内联样式更改背景颜色，只需向tr添加另一个类，该类对背景颜色具有不同的规则

.res table tr.color1 {
background-color: #A0A0A0;
}

.res table tr.color2 {
background-color: #ffffff;
}

然后在代码中，将类添加到tr：

$bgroundClass = ($a === 'a') ? 'color1' : 'color2';

<tr class='$class $bgroundClass' align='center'>

$bgroundClass=（$a=='a'）？'color1'：'color2'；

您可能会遇到CSS特定规则，实际上您应该使用脚本添加一个CSS类，然后将样式应用于该类。您可能会遇到CSS特定规则，实际上您应该使用脚本添加一个CSS类，然后将样式应用于该类。

！重要信息

除非绝对必要，否则不应使用规则，因为它会中断CSS的级联特性，并导致更难维护code.upvote，尽管我认为如果没有“颜色缩短”观察（KISS），这是一个更好的答案@sorayadragon是的，我应该补充说这是最后的手段-将修改我的帖子：）@sweaver2112谢谢：）而且也许-我只是喜欢优化，而不是我可能应该的哈哈哈，这很奇怪，也许是！重要的规则是你所看到的

！重要信息

除非绝对必要，否则不应使用规则，因为它会中断CSS的级联特性，并导致更难维护code.upvote，尽管我认为如果没有“颜色缩短”观察（KISS），这是一个更好的答案@sorayadragon是的，我应该补充说这是最后的手段-将修改我的帖子：）@sweaver2112谢谢：）而且也许-我只是喜欢优化，而不是我可能应该的哈哈哈，这很奇怪，也许是！重要的规则是你所追求的