css覆盖不起作用？

我有三个选项卡，单击时可以更改样式

class=“active”

为选项卡提供与选项卡内容相同的背景，而

class=“inactive”

提供另一种颜色

我的问题是标签上的文本，CSS有些奇怪。

class=“active”

的默认状态看起来与它应该的状态一样，而非活动选项卡被加下划线，即使我的CSS显示

文本装饰：无！重要的

和单击的活动选项卡文本变得格外粗体（或者可能是阴影）

---

请看我的小提琴：

刚刚添加了一些css，效果很好

#navbar ul li a
{
  text-decoration: none !important;  
  text-shadow: none !important;
}

（从active和inactive中删除

文本装饰

，因为在任何情况下都不需要它）

---

看看这个：

刚刚添加了一些css，效果很好

#navbar ul li a
{
  text-decoration: none !important;  
  text-shadow: none !important;
}

（从active和inactive中删除

文本装饰

，因为在任何情况下都不需要它）

看看这个：

试试这个

#navbar ul li a {
    text-decoration: none;
}

：D

试试这个

#navbar ul li a {
    text-decoration: none;
}

---

：D

您需要显式设置

文本装饰：无您的
a
标记声明：

.ui-btn {
     text-decoration: none; /*nope, no need for !important*/
}

下面是演示的一个小版本：。
您需要显式设置
文本装饰：无您的
a
标记声明：

.ui-btn {
     text-decoration: none; /*nope, no need for !important*/
}

下面是您的演示的一个小的工作版本：

不需要添加！重要的

不需要添加！重要信息
无法覆盖它的原因是CSS值的计算方式

CSS计算是否覆盖的方式由选择器组成

 1. ID: 100 points.
 2. Class: 10 points.
 3. Tag name: 1 point.

为了覆盖css规则，选择器的计算值必须高于上一个值

例如：

<div id="id" class="class"></div>

#id { background: blue; } - 100 point rule.
.class { background: red; } - 10 point rule.

无法覆盖它的原因是CSS值的计算方式

CSS计算是否覆盖的方式由选择器组成

 1. ID: 100 points.
 2. Class: 10 points.
 3. Tag name: 1 point.

为了覆盖css规则，选择器的计算值必须高于上一个值

例如：

<div id="id" class="class"></div>

#id { background: blue; } - 100 point rule.
.class { background: red; } - 10 point rule.

请在您的答案中提及这些变化。谢谢！我同意这一条。请在你的答案中提及这些变化。谢谢！我要用这个。用
！重要提示
是一种糟糕的做法，除非你别无选择。使用
！重要提示
是一种糟糕的做法，除非你别无选择。