元素选择器：
作用：根据标签来选中指定的元素
语法：标签名{}
案例：p{} h1{} div{}
<head>
<style>
p{
color: red;
}
</style>
</head>
<body>
<p>描述内容</p>
</body>
id选择器
作用：根据元素的id属性来选中一个元素
语法：#id属性值{}
例子：#box #red
<head>
<style>
#red{
color: red;
}
</style>
</head>
<body>
<p id="red">描述内容</p>
</body>
类选择器
作用：根据元素的class属性来选中一组元素
语法：.class属性值
例子：.red{}
<head>
<style>
#red{
color: red;
}
</style>
</head>
<body>
<p class="red">描述内容</p>
<p class="red">描述内容</p>
</body>
通配选择器
作用：选中页面中的所有元素
语法：*
列子*{}
<head>
<style>
*{
color: red;
}
</style>
</head>
<body>
<h1>标题</h1>
<p>描述内容</p>
<p>描述内容</p>
</body>
原文：https://www.cnblogs.com/erickyx/p/12903638.html