基本选择器

元素选择器

元素选择器根据元素名称来选择 HTML 元素

代码

<p>这是一个p标签</p>

样式

p{
    color: red;
}

id选择器

id 选择器根据元素的 id 属性来选择特定的 HTML 元素。

元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素！

要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id 。

代码

<p id="text">这是一个p标签</p>

样式

#text{
	color: red;
}

类选择器

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

代码

<p class="text">这是一个p标签</p>

样式

.text{
	color: red;
}

通用选择器

通用选择器（*）选择页面上的所有的 HTML 元素。

代码

<p>这是一个p标签</p>
<h1>这是一个H1标签</h1>

样式

*{
	color: red;
}

分组选择器

分组选择器选取所有具有相同样式定义的 HTML 元素。

代码

<p>这是一个p标签</p>
<h1>这是一个H1标签</h1>
<h2>这是一个H2标签</h2>

样式

p,h1,h2{
	color: red;
}