前端学习：选择器的类别

全局选择器（通配符选择器）

可以和任何元素匹配，优先级最低，可以作为样式初始化。

*{

margin: 0;

padding: 0;

}

用上一篇的内部样式实战一下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      *{
        font-size:30px;
        color: black;
      }
    </style>
</head>
<body>
    <p>hello</p>
    <h1>css</h1>
</body>
</html>

运行结果是将下面的所有标签内容（hello，css)统一改成了大小为30px，颜色黑色的字体。

元素选择器

html文档中的元素，p,b,div,a,img,body等

标签选择器，选择的是页面上所有这种类型的标签，所以经常描述'共性'，无法描述一个元素的'个性'。

一句话怎们设置成两种样式呢？就像这样

代码部分：

类选择器

灵活，使用率最高

.类名{}

你想改那个那个标签价格class,类名就是那个class后面等于的，不能以数字开头。

类选择器可以被多种标签使用，一个标签可以使用多个类选择器，用空格隔开。

ID选择器

针对某一个特定的标签来使用，只能用一次。class中的ID选择器以#来定义。

id是唯一的，不能以数字开头。

<h2 id="mytitle">你好</h2>

#mytitle{

border:3px;

color: green;

}

合并选择器

.选择器1，.选择器2,.......{}

作用：提取共同样式，减少代码重复

选择器优先级

行内样式>ID选择器>类选择器>元素选择器（同级会覆盖）