Css 如何让下划线在桌子内部工作

我试图改变文本的颜色，并在选择链接时给文本加下划线（它将有“selected”类）。因为某些原因，我甚至不能让它工作！重要的。是的，我知道“a”应该在“li”中：

HTML:

---

这是我的提琴。

除非您使用预处理器，否则您的选择器不应嵌套。您还需要更改特定性级别，将CSS更改为：

特定性是浏览器决定哪个属性的方法 值是与元素最相关的，可以应用。 特异性仅基于由以下内容组成的匹配规则： 不同种类的选择器

---

您使用的语法不是CSS（请参阅@SW4的答案）。您正在使用scss语法：您可以在语言功能区中激活用于JSFIDLE的scss：

<a href="">
<li class="list selected">
<table>
<tr><td class="first">Text here</td><td class="second"><div class="icon-arrow-down"></div></td></tr>
</table>
</li>
</a>

table {
    .selected {
        color:green !important;
        text-decoration:underline !important;
    }
}

.selected table td{
    color:green;
    text-decoration:underline;
}