id class子代交叉群组选择器

时间：7年前阅读：6048

CSS部分：

<style type="text/css">    
	li{    
		font-size: 35px;    
		color: blue;    
	}    
	/*id选择器*/    
	#two{    
		color: purple;    
	}    
	/*class选择器*/    
	.is{    
		color: red;    
	}    
	/*注意交叉选择器中间没有空格*/    
	li.is{    
		color: orange;    
	}    
	/*子代选择器*/    
	/*注意标签里的标签中间是空格的*/    
	p span{    
		color: red;    
		font-size: 45px;    
	}    
	/*群组选择器*/    
	/*标签没有先后顺序*/    
	/*.cc被选中，span也被选中的意思*/    
	.cc,span{    
		color: yellow;    
	}    
	/*通用选择器  所有标签都被选中*/    
/*	
    
	*{    
		color: red;    
	}    
	*/    
</style>

HTML部分：

<body>    
<span>这个标签看一下</span>    
<span>这个标签看一下</span>    
<p>好好网，是一个不错的网</p>    
<p>好好网，是一个不错的网</p>    
<p>好好网，是一个不错的网<span>这里加一个标准</span></p>    
<p class="cc">好好网，是一个不错的网</p>    
<p class="cc">好好网，是一个不错的网</p>    
<p>好好网，是一个不错的网</p>    
<!-- 页面中id要保持唯一性 -->    
<ul>    
	<li>我们是li标签</li>    
	<li id="two">我们是li标签</li>    
	<li class="is">我们是li标签</li>    
	<li>我们是li标签</li>    
	<li class="is">我们是li标签</li>    
</ul>    
</body>

代码效果图片：

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

id class子代 交叉 群组选择器

网友评论

id class子代交叉群组选择器