id class子代 交叉 群组选择器
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,我们将及时处理。
微信扫码关注
更新实时通知