Question

<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;显示：内联块;填充：10px 25px;高度：20px;）您要求查看更多代码，此处为。感谢

Answer 1

当然不适用。为什么？

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

尝试将其更改为：

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

为：

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

Answer 2

试试这个

cout<<top;

CSS属性不适用

2 个答案: