您好,欢迎来到钮旅网。
搜索
您的当前位置:首页后代选择器和子代选择器的区别

后代选择器和子代选择器的区别

来源:钮旅网

后代选择器和子代选择器的区别

<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

本站由北京市万商天勤律师事务所王兴未律师提供法律服务