文章详情页
html5 - css not选择器
浏览：167日期：2023-01-23 13:50:52
问题描述
1.我现在有一个弹层，里面有一些输入框 如果判断条件不通过输入框就会变成红色，
但是弹层里面也包含弹层 如果直接点击确定按钮 弹层里面的弹层输入框也会变成红色
所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}这样写 但是不生效 假如去掉input是可以的，这是什么原因造成的呢？
ps:代码结构
问题解答
回答1：所以我 .is-error:not(.userSelectModal) input{ border: solid 1px #D90000;}这样写 但是不生效 假如去掉input是可以的，这是什么原因造成的呢？
空一格就是包含选择符了（即E F这种形式的），命中的是E后代的所有F元素。按你的这个思路，input应该是放在前边的，变成：
input.is-error:not(.userSelectModal) {border: solid 1px #D90000;}
应该就没问题了。
回答2：你的is-error这个类是添加到input上面的吧？？
回答3：题主用的选择器not,是排除选择器，意思是除了被选择器选中的元素之外的元素，会添加上后面的样式。.is-error:not(.userSelectModal) input指的是有.is-error这个名字但是没有.userSelectModal这个名字的input元素（注意，两者要同时满足！！），所以问题来了，你的.userSelectModal元素并没有.is-error这个名，这只是这个选择器的问题。希望我的回答对题并且对你有帮助，谢谢！！
标签：
Html5
相关文章：
1. 请教一条mysql的sql语句写法；2. mysql函数unix_timestamp如何处理1970.1.1以前的数据?3. phpstuty 修改完监听端口，apache无法启动4. layer.alert(’请输入用户名’，{icon:2})无法弹出窗口，是哪个包没引进来？5. 这段代码既不提示错误也看不到结果，请老师明示错在哪里，谢谢！6. update方法不能更新字段值为0的数据7. mysql这个int型的4字节是什么意思？？8. mysql - myisAm为什不支持行锁?9. phpstady在win10上运行10. python - 有一个函数名（字符串形式），如何能够调用这个函数？
排行榜
网公网安备