css选择器

1.基本选择器

1.1标签选择器
标签选择器根据标签名称来选择 HTML 标签。

标签名{
样式：样式值;
样式：样式值;
.....}

1.2 id选择器
id 选择器使用 HTML 元素的 id 属性来选择特定元素。
元素的 id 在页面中是唯一的，因此 id 选择器用于选择一个唯一的元素！
要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id。

#id值{
样式：样式值;
样式：样式值;
.....}

1.3 类选择器
在HTML标签中，为希望设置同一种样式的标签定义相同的类名，即设置标签的class属性

.类名{
样式：样式值;
样式：样式值;
.....}

1.4伪类选择器
伪类，即特殊的类，不存在的类。用来描述一个元素的特殊状态。如第一个元素，被点击的元素等。

根据所有元素进行排序：
	frist_child:第一个子元素
	last_child:最后一个子元素
	nth_child():选中第n个子元素
		特殊值：
		2n或even：选中偶数位的元素
		add或2n+1：选中奇数位的元素
在同类型中进行排序：
	frist_of_type:同类型第一个
	frist_of_type:同类型最后一个
	nth_of_type:选中同类型中的第n个

1.5超链接伪类

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
 a:visted{
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover{
  color: #FF00FF;
}

/* 已选择的链接 */
a:avtive {
  color: #0000FF;
}

1.5属性选择器

语法：
[属性名]：选择指定属性的元素
[属性名*=属性值]选择属性值中含有某值的元素
[属性名…^=属性值]选择以指定值开头的元素
[属性名…#”=属性值]选择以指定值结束的元素