CSS 属性不适用答案

【问题标题】：CSS attributes not applyingCSS 属性不适用
【发布时间】：2017-04-03 22:56:52
【问题描述】：

<head>
    <title>HTML5/CSS3 Responsive Theme</title>
    <meta charset="UTF-8">
    <link href="main.css" rel="stylesheet" type="text/css" />
    <meta name="viewport" content="width-device-width, initial-scale=1">
</head>
<body class="body">
    <header class="mainheader">
        <img src="img.jpg">
    <nav>
    <ul>
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
    </nav>
</header>
body {
    background-image: url(img1.jpg);
    color: #000305;
    font-size: 87.5%;
    font-family: Arial, "Lucida Sans Unicode";
    line-height: 1.5;
    text-align: left;
}
a {
text-decoration: none;
}
a:link, a:visited; {
}
a:hover, a:active; {
}
.body {
    margin: 0 auto;
    width: 70%;
    clear: both;
}
.mainheader img {
    width: 30%;
    height: auto;
    margin: 2% 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.mainheader nav {
    background-color: #666;
    height: 48px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.mainheader nav ul {
    list-style: none;
    margin: 0 auto;
}
.mainheader nav ul li {
    float: left;
    display: inline;
}
.mainheader nav a:link, .mainheader nav a:visited, {
    color: #FFF;
    display: inline-block;
    padding: 10px 25px;
    height: 20px;
}
.mainheader nav a:hover, .mainheader nav a:active,
.mainheader nav .active a:link, .mainheader nav a:visited {
    background-color: #CF5C3F;
    text-shadow: none;
}
.mainheader nav ul li a{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

除了 .mainheader nav a:link 和 .mainheader nav a:visited 中的属性外，您在此处看到的所有属性都有效。（颜色：#FFF；显示：inline-block；填充：10px 25px；高度：20px；）您要求查看更多代码，这里是。谢谢

【问题讨论】：

我们还需要查看您的 HTML 以准确告诉您属性不适用的原因。您可能有一个a 颜色，它以更高的特异性覆盖这些伪选择器。
你必须发布所有相关的HTML，这样我们才能看到它的结构（还有其他的CSS，可能有覆盖规则）
我们还需要查看您的其他 css 规则。一个可能的问题是其他一些规则具有更大的specificity。
请尝试在没有伪类的情况下设置 a 标签的样式（仅限 .mainheader nav a）
请发布 HTML

标签： html css

【解决方案1】：

当然不适用。为什么？

选择器后面有一个语法错误 , 逗号。

尝试将其更改为：

.mainheader nav a:link, .mainheader nav a:visited,

到：

.mainheader nav a:link, .mainheader nav a:visited

【讨论】：

【解决方案2】：

试试这个

.mainheader nav a:link, .mainheader nav a:visited {
    color: #FFF;
    display: inline-block;
    padding: 10px 25px;
    height: 20px;
}

【讨论】：