前端css之基础篇

css选择器分类

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、伪类选择器