CSS选择器

1.标签选择器

p {
    color: red;
}

2.id选择器

<h1 id="tue">你好</h1>

#tue {
    color: red;
}

3.class选择器

<h1 class="red">星期二</h1>
<h1 class="red">星期三</h1>
.red{
    color:red
}

4.属性选择器

<a href="saasd">你好</a>
 [href]{
            color: red;
        }

5.后代选择器

<div><a href="#">你好</a></div>
div a{
color:red;
}

6.子类选择器

<div class="yellow">
    <span>天空</span>
    <p>
        <span>大地</span>
    </p>
</div>
div>span{
color:red;
}

7. 通用选择器

* {color:red;}

8.分组选择器

h1,span{color:red;}

9.伪类选择器

a:hover{color:red;}