元素选择器

元素选择器

分类

1、基础选择器

id选择器
	建议id选择器将id唯一
	<div id="div1">
    id选择器
	</div>
	#div1{
    color: red;
    font-style: normal;
 }
元素选择器：选择具有相同bibia标签名
	语法：标签名称{}
	注意：id选择器的优先级高于元素选择器，就是说如果两种方式作用在同一个标签上，显示用id选择器设置的样式
类选择器：选择有相同class属性值的元素标签
	语法：.class{}
	注意：他的优先级也高于元素选择器 

2、扩展选择器：

选择所有的元素：
	语法：*{}
并集选择器：同时选择两个标签
	语法：选择器1，选择器2{}
子选择器：筛选选择器1元素下的选择器2元素
	语法：选择器1 选择器2{}
父选择器：筛选选择器2的父元素选择器1
	语法：选择器1 > 选择器2{}
属性选择器：选择元素名称，属性名=属性值的元素
	语法：元素名称[属性名=“属性值”]{}
伪类选择器：选择一些元素具有的状态
	语法：元素：状态{}
	如：<a>
		状态：
			link：初始化状态
			visited：被访问过的状态
			active：正在访问的状态
			hover：鼠标悬浮的状态
			a:link{
	        color: red;
		    }
		    a:hover{
		        color: black;
		    }
		    a:active{
		        color: pink;
		    }
		    a:visited{
		        color: green;
		    }