gpt4 book ai didi

html - Google Chrome CSS 类伪类组不起作用

转载 作者:太空宇宙 更新时间:2023-11-03 18:33:11 24 4
gpt4 key购买 nike

我不确定这是否真的是 Google Chrome 的错误,但情况如下:

当我嵌套伪类时 a:link , a:visited在一个类(class)里,所有<a>页面中的元素将在嵌套中获得最新的颜色集。它只发生在 color 属性上。在其他浏览器中不会发生,我使用的是 Google Chrome 30.0.1599.69 m

CSS:

.cat ul{
list-style-type:none;
margin-top:10px;
padding-left:10px;
}

.cat a:link, a:visited {
margin-top: 3px;
font:15px arial,sans-serif;
display:block;
color:#000000;
text-align:left;
text-decoration:none;
}

.cat a:hover,a:active {
background-color: #eeeeee;
}



.menu ul {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

.menu li {
float:left;
}

.menu a:link,a:visited {
height:35px;
padding-top:8px;
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#2d0000;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

.menu a:hover,a:active {
background-color:#7A991A;
}

HTML:

<html>
<head>
<title>TITLE</title>
</head>
<link href="style.css" rel="stylesheet" type="text/css" media="all" />
<body>
<div id="wrapper">
<div id="site">

<div id="header">
<div id="logo"><img src="./img/logo.png" /></div>
<div id="cart"></div>
</div>
<div id="subheader">
<div id="menu" class="menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
</ul>
</div>
<div id="searchbar">
<form>
<input type="text" name="search" /> <input type="submit" name="ok" value="Search" />
</form>
</div>
</div>
<div id="body">
<div id="category" class="cat">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
<div id="main">
<a>Test</a>
</div>
</div>
<div id="footer"></div>
</div>
</div>
</body>
</html>

最佳答案

在这里,您将 .cat a:link 和所有 a:visited 设置为黑色 - 所有 a in .cat 和所有 a in hole css a:visited 设置为黑色..

.cat a:link, a:visited {
.....
}

在这里,您将 .menu a:linka:visited 设置为白色。所以所有 a:visited 都将是白色的...不仅在 .menu 中...

.menu a:link,a:visited {
.....
}

我认为您在 .cat a:link, a:visited 中有误 - 它应该是 .cat a:link, .cat a:visited.menu a:link, a:visited 中同样的错误 - 这应该是 .menu a:link, .menu a:visited

关于html - Google Chrome CSS 类伪类组不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19353103/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com