Html CSS/Bootstrap 3：从链接中删除样式

我正在尝试删除以下行中链接（锚定标记）的样式，以便默认情况下链接显示为黑色且没有下划线。由于某些原因，我的CSS类（“

deco none

”）在这里被忽略，它们仍然以蓝色显示为正常链接（我使用的是IE9和Bootstrap 3）

我在这里要换什么

我的HTML:

<div class="row" style="width:400px;">
    <ul class="list-unstyled col-md-4">
        <li class="bg-menu clickable"><a href="#" class="deco-none">test1-1</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test1-2</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test1-3</a></li>
    </ul>
    <ul class="list-unstyled col-md-4">
        <li class="bg-menu clickable"><a href="#" class="deco-none">test2-1</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test2-2</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test2-3</a></li>
    </ul>
    <ul class="list-unstyled col-md-4">
        <li class="bg-menu clickable"><a href="#" class="deco-none">test3-1</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test3-2</a></li>
        <li class="bg-menu clickable"><a href="#" class="deco-none">test3-3</a></li>
    </ul>
</div>

a.deco-none: {
    color:#000000 !important;
    text-decoration:none;
}

.bg-menu:hover {
    background-color:#0079C1;
    color:#FFFFFF;
}

.clickable {
    cursor:pointer; 
}

---

你在CSS中搞错了。试试这个

a.deco-none {
    color:#000000 !important;
    text-decoration:none;

}

.bg-menu:hover {
    background-color:#0079C1;
    color:#FFFFFF;
}

.clickable {
    cursor:pointer; 
}

以下代码错误

a.deco-none: {
    color:#000000 !important;
    text-decoration:none;
}

---

我建议使用

inherit

关键字来继承父颜色。我知道你想要黑色的，但我相信其他用户会觉得它很有用

a.deco-none {
    color: inherit;
    text-decoration:none;
}

如上所述，您使用了

a.deco-none:

typo.

使其完整（悬停或单击后不会更改颜色并继承

文本装饰

）：

示例代码段

.deco无{
颜色：继承；
文字装饰：继承；
}
.deco无：链接{
颜色：继承；
文字装饰：继承；
}
.deco无：悬停{
颜色：继承；
文字装饰：继承；
}
.bg菜单：悬停{
背景色：#0079C1；
颜色：#FFFFFF；
}
.可点击{
光标：指针；
}

您的类名中有一个输入错误。这与bootstrapt无关。这可以作为“输入错误”关闭。哦，天哪，您是对的-初学者错误。：）谢谢你-我会尽快接受。发生在每个人身上：）并且很高兴能帮助：）对于其他人，他们盯着错误的代码，试图找出错误：在

a.deco-none:

之后有一个冒号

：

，它不应该在那里。

.deco-none {
  color: inherit;
  text-decoration: inherit;
}

.deco-none:link {
  color: inherit;
  text-decoration: inherit;
}

.deco-none:hover {
  color: inherit;
  text-decoration: inherit;
}