css 选择器not问题
<!DOCTYPE html>
<html>
<head>
<style>
.iSerror:not(.usermodel) input{
border:1px solid red
}
</style>
</head>
<body>
<div class="iSerror">
<input>
<div class="usermodel">
<input>
</div>
</div>
</body>
</html>
结果
为什么usermodel下面的input border会变成红色呢
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
.iSerror:not(.usermodel) input{
border:1px solid red
} 先解释一下：.iSerror:not(.usermodel)这里只是排除了跟.iSerror的同级.usermodel，而你的结构中，.usermodel是.iSerror的子集，改成：
.iSerror div:not(.usermodel) input{
border:1px solid red
}试下
你是没给
.usermodel直接添加样式 但是它自动继承了父类 即.iSerror的样式这个根本就用不到
:not()啊……如果用emmet来写的话，
就是
.iSerror>input+.usermodel>input。所以嘞，找第一个
<input>就用.iSerror>input；找第二个<input>用.usermodel>input就好啦。