：not 选择器 无效果 原因何在？
问题描述
<style type="text/css"> .two:not(p){ color: orange; }</style><div class="two">从脱贫攻坚，到志愿服务；从大学校园，到民营企业；从祖国边疆，到创新一线……一封封回信，饱含深情、字字暖心、催人奋进，体现着心心相印的人民情怀，蕴含着对治国理政的深刻思考，表达着对奋进新时代的殷切希望。<p>日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列，与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生：“让留学报国的光荣传统薪火相传”》。</p></div>
正常应该是P标签里面内容为默认颜色。 DIV中除P标签内容为Orange色，但现在全是Orange色。为什么
问题解答
回答1：我也试着尝试了一下。如下：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css"> .demo:not(p){ color:orange;}p { color:blue;} </style></head><body><div class="demo"> 从脱贫攻坚，到志愿服务；从大学校园，到民营企业；从祖国边疆，到创新一线……一封封回信，饱含深情、字字暖心、催人奋进，体现着心心相印的人民情怀，蕴含着对治国理政的深刻思考，表达着对奋进新时代的殷切希望。 <p>日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列，与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生：“让留学报国的光荣传统薪火相传”》。 </p> </div></body></html>
得到如下结果：
之后又试着做了一些修改：
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css">div.demo:not(p){ color:orange;} p { color:blue;} </style></head><body><div class="demo"> 从脱贫攻坚，到志愿服务；从大学校园，到民营企业；从祖国边疆，到创新一线……一封封回信，饱含深情、字字暖心、催人奋进，体现着心心相印的人民情怀，蕴含着对治国理政的深刻思考，表达着对奋进新时代的殷切希望。 <p>日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列，与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生：“让留学报国的光荣传统薪火相传”》。 </p> <a>这是一个测试</a></div></body></html>
得到结果如下：
给第一段加上非P标签 ，比如span
然后 .two :not(p){ color: orange; } 样式中 .two后带有一个空格就可！
相关文章：
1. angular.js - Angularjs中点击事件传递参数 给class更换样式。2. html5 - 手机连接电脑在谷歌上调试app,出现如下的情况3. 下一个页面的三角在上面一个页面会出现，在缩放的时候会遮住文字。4. android - mac平台运行快捷键咋按5. weex - Android 原生Vue.js 使用 justify-content: flex-end; 不起作用6. javascript - swiper.js嵌套了swiper 初始设置不能向下一个滑动 结束后重新初始7. 为什么span的color非要内联样式才起作用？8. mysql 能不能创建一个 有列级函数 的联合视图?9. javascript - vue-cli热更新的问题【webpack配置】10. python - Django ManyToManyField 字段数据在 admin后台 显示不正确，这是怎么回事？
网公网安备