样式选择器 CSS选择器 一

1.选择器

1.1 元素选择器(标签选择器)

作用：通过元素选择器可以选择页面中的所有指定元素

语法：标签名{}

p{
    color:red;
}

1.2 id选择器

通过元素的id属性选中一个唯一的元素

语法： #id属性值{
}

#p1{
    font-size:20px;
}

<p id="p1">
    Hello CSS
</p>

1.3 class选择器

我们可以给元素设置class属性，

class属性和id属性类似，只不过class属性可以重复

拥有相同class属性值的元素，我们说他们是一组元素。

可以同时为一个元素设置多个class属性值，多个值之间使用空格隔开，如下

<p class="p2 hello">
    Hello CSS
</p>

语法：

.p2{
    color:red;
}
.hello{
    font-size:10px;
}