Question

这是我想要更改的site，在左侧菜单中。

这些链接位于列表集ul li中，我已经为该菜单提供了div类.vince。

在我的自定义CSS文件中，我尝试了所有我能想象到的东西，但没有成功的文字颜色，也没有装饰。

但是，我可以毫不费力地轻松更改background-color: #4266B1。请帮助，我花了DAYS试图解决这个问题。

到目前为止我已经尝试过了。

.vince {
background-color:#0000ff; /*#4266b1;*/
    color:#FF0000;
    padding-top:5px;
    padding-left:15px;
    padding-botom:50px;
    text-decoration: none;
    text-decoration-color: white;

}

不好。

.vince a:link, .vince a: visited, .vince a:active {
    text-decoration: none;
    background-color: #ff0000;
    color:white;
}

不好。

.vince ul li a:default
.vince ul li a:active
.vince ul li a:link
.vince ul li a:focus
.vince ul li a:enabled
{
    text-decoration: none;
    color:#ffffff;

} 不好。此外，在这里和网络上发现了无数其他替代品。这是一个 bootstrap 站点，我单独留下了bootstrap CSS文件。这是一个custom.css文件，我知道它有效，因为我可以轻松更改菜单的背景。

Answer 1

您可以尝试>运营商吗？我做到了没问题，让我告诉你。

这就是我写的：

.vince-class > ul > li > a {
    color: red;
}

这就是我得到的：http://www.airfieldcards.com/b/index.php

告诉我它是否有效。

Answer 2

.vince-class a { ... }和类似就足够了，你只需要注意类名

Answer 3

此问题有多种解决方案：

严格的解决方案：

div.vince-class > ul > li > a {
    color: blue;
}

非严格解决方案：

div.vince-class ul li a {
    color: blue;
}

两种解决方案都应该有效。欲获得更多信息： https://www.w3schools.com/cssref/css_selectors.asp

如何设置菜单上的链接样式，而不更改网站其余部分的链接？

3 个答案: