请问老师，为什么否定选择器里面加入属性选择器会失效？
来源：2-42 否定选择器
不会敲代码的小浩子
2019-04-05 21:00:40
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" charset="UTF-8"/>
<title>Fist-Child</title>
<style type="text/css">
*{
margin:0;
padding:0;
border:none;
}
nav{
width:305px;
}
a{
display:block;
text-decoration:none;
color:red;
font-size:28px;
height:50px;
line-height:50px;
float:left;
width:60px;
text-align:center;
}
nav>a:not(a[href*="5"]){
border-right:1px blue solid;
}
</style>
</head>
<body>
<header>
<nav>
<a href="#1">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
<a href="#5">5</a>
</nav>
</header>
</body>
</html>写回答
1回答
-
这里是因为同学的代码书写问题导致的，因为在a上在绑定了:not否定选择器，因此后面的属性选择器直接书写即可，如：
效果：
希望可以帮到你！
1
相似问题