【CSS】常用选择器

元素选择器

作用：根据标签名来选中指定的元素。
语法：标签名{}
例子：p{} h1{} div{}

p{
     color: red;
}

id选择器

作用：根据元素的id属性值选中一个元素。
语法：#id属性值{}
例子：#test{}

#test{
    color: red;
}

注意：id是不能重复的。

类选择器

class是一个标签的属性，它和id类似，不同的是class可以重复使用。可以通过class属性来为元素分组。
可以同时为一个元素指定多个class属性。
作用：根据元素的class属性值选中一组元素。
语法：.class属性值{}
例子：.col_blue{}

.col_blue{
    color: blue;
}
.f_30{
    font-size: 30px;
}
<p class="col_blue f_30">你看这个字又大又蓝</p>

通配选择器

作用：选中页面中的所有元素。
语法：{}
例子：{}

*{
    color: red;
}