id class子代 交叉 群组选择器
时间：6年前 阅读：4830
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,我们将及时处理。
微信扫码关注
更新实时通知
网友评论