CSS选择器

标签选择器

通过标签名得到标签
例如：

<style>
    div{
        width: 100px;
        height: 200px;
        background-color: red;
    }
</style>

类选择器

标签名相同，但是设置的样式不一样

1. 给对应的标签设置class属性
2. 利用类选择器设置标签的样式

<style>
    .first{
        width:100px;
    }
    .second{
        width:100px;
    }
</style>
<div class="first">
</div>

层级选择器

例如：

<style>
    .first p {
        background-color: red;
    }
</style>

ID选择器

例子：

#third{
    color:blue;
}

组选择器

标签，类，id一起使用

#seven,.strong{
    color:green;
}

伪类选择器

CSS 伪类用于向某些选择器添加特殊的效果
例如：

a{
            text-decoration: none;
}
a:hover{
            color:aqua;
            font-size: 32px;
}