后代选择器和子代选择器的区别
<style>
.wrap {
width: 400px;
height: 220px;
padding: 9px;
font: 700/20px/40px "microsoft yahei";
text-align: center;
margin-top: 100px auto;
border: 1px solid #000;
box-sizing: border-box;
}
/*.wrap p {
color: red;
}*/
.wrap>p {
color: green;
}
</style>
body部分
<div class="wrap">
<div><p>九尺龙泉万卷书</p></div>
<p>上天生我意何如</p>
<p>九尺龙泉万卷书</p>
<p>上天生我意何如</p>
<p>九尺龙泉万卷书</p>
</div>
在测试的时候故意将p元素放在了一个div里面,使得这个p元素不是.wrap的直接子元素,用子代选择器果然不能操作这个p元素。
因篇幅问题不能全部显示,请点此查看更多更全内容
Copyright © 2019- niushuan.com 版权所有 赣ICP备2024042780号-2
违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务