扫码关注官方订阅号
结果 为什么usermodel下面的input border会变成红色呢
人生最曼妙的风景,竟是内心的淡定与从容!
.iSerror:not(.usermodel) input{ border:1px solid red} 先解释一下:.iSerror:not(.usermodel)这里只是排除了跟.iSerror的同级.usermodel,而你的结构中,.usermodel是.iSerror的子集,改成:.iSerror p:not(.usermodel) input{ border:1px solid red}试下
.iSerror:not(.usermodel) input{ //这里的.iSerror:not(.usermodel), 指的是在拥有iSerror类的标签,同时不具有.usermodel这个类 border:1px solid red }
.iSerror p:not(.usermodel) input{ border:1px solid red } //html <p class="iSerror"> <p> //这个就会变红色 <input> </p> <p class="usermodel"> <input> </p> </p>
你是没给.usermodel直接添加样式 但是它自动继承了父类 即.iSerror的样式
.usermodel
.iSerror
这个根本就用不到:not()啊……
:not()
如果用emmet来写的话,
<p class="iSerror"> <input> <p class="usermodel"> <input> </p> </p>
就是.iSerror>input+.usermodel>input。
.iSerror>input+.usermodel>input
所以嘞,找第一个<input>就用.iSerror>input;找第二个<input>用.usermodel>input就好啦。
<input>
.iSerror>input
.usermodel>input
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
.iSerror:not(.usermodel) input{
border:1px solid red
} 先解释一下:.iSerror:not(.usermodel)这里只是排除了跟.iSerror的同级.usermodel,而你的结构中,.usermodel是.iSerror的子集,改成:
.iSerror p:not(.usermodel) input{
border:1px solid red
}试下
你是没给
.usermodel直接添加样式 但是它自动继承了父类 即.iSerror的样式这个根本就用不到
:not()啊……如果用emmet来写的话,
就是
.iSerror>input+.usermodel>input。所以嘞,找第一个
<input>就用.iSerror>input;找第二个<input>用.usermodel>input就好啦。