前端入门之CSS基础篇（选择器的分类）

最新推荐文章于 2024-07-12 20:49:16 发布

七月2333

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量89

点赞数 1

分类专栏：入门文章标签： css html5

本文链接：https://blog.csdn.net/qq_58877067/article/details/120230465

版权

24 篇文章 1 订阅

订阅专栏

1、：匹配html中所有的元素；(<>性能比较差,匹配时间长，不建议使用)

<p>好得很</p>
<strong>加粗且强调的标签</strong>

<style>
    *{
        color: darkgreen;

    }

2、标签选择器：匹配对应的标签；

<style>
span{
        display: block;
        margin-right: 20px;
        border: 1px solid yellow;   //就会匹配对应的span 标签，其他的同理
    }
</style>

3、类选择器：用来选择或者匹配class命名的标签；

 <style>
 .wap{                       //注意点不要漏了
        color: crimson;

    }
</style>

<div class="wap">布局的</div>      //class来引用

4、ID选择器：用来选择用id命名的标签 ,在同一个里面的id,只能有一个

 <style>
 #con{    //ID选择器加#
        color: chartreuse;
    }
</style>


<p id="con">段落</p>

5、派生选择器：根据上下文做出选择

<style>
.wap1 li{
    color: greenyellow;

}
</style>   //那么所有的li 的元素全部采用wap1的样式，就不会用争议啦

6、伪类选择器

关注