如何在css中动态更改伪类值

Question

假设我有一个导航面板<div class="nav">..，其中包含5个<a>个链接。

CSS:
.nav a:nth-of-type(1) {
    text-decoration: underline;
}

我想通过将CSS表示法改为：

来切换带下划线的元素

CSS:
.nav a:nth-of-type(2) {
    text-decoration: underline;
}

有可能吗？ （概念证明）

编辑：

我不明白为什么倒下？关于是否可以更改{}括号前面的部分是正常的，合理的问题 - ＆gt; change_this { stays_the_same }以某种方式，可能使用javascript。

Answer 1

使用jquery可以选择$(".nav a").eq(2).css("text-decoration","underline")。您不会直接更改文件中的css。那是不可能的。但是您可以将内联css应用于所需的元素，该元素优先于文件css

Answer 2

您可以使用此结构

.nav a {
  text-decoration: underline;
}