详述常用选择器(id class 标签 * 分组 后代)

一、id选择器

浏览器为id标签属性的属性值与id选择器名相同的标签元素添加CSS样式，其语法如下：

#id选择器名{
	声明1;//声明：样式属性名:样式属性值
	声明2;
	...
	声明n;
}
注意：①、如果样式属性有多个值，使用逗号间隔;②、如果样式属性值有空格，则：使用单引号(如果样式已经被双引号引起来)或双引号引起来。

示例如下：

<p id="zzu">郑州大学</p>
<style>
	#zzu{
		text-align: center;
	 	font-family: "微软雅黑";
	 	font-size: 40px;
	 	border: 1px solid red;
	}
</style>

运行结果如下图：

注意：
1、id标签属性的属性值不能以数字开头；
2、id标签属性的属性值在HTML文档中必须唯一。

二、class选择器

浏览器为class标签属性的属性值与类选择器名相同的标签元素添加CSS样式，其语法如下：

.类选择器名{
	声明1;
	声明2;
	...
	声明n;
}

示例如下：

<p class="a">添加边框且居中显示</p>
<p class="a">添加边框且居中显示</p>
<style>
	.a{
		text-align: center;
		border: 1px solid red;
	}
</style>

运行结果如下图：<