层级选择器、UI元素状态伪类、动态伪类选择器

层级选择器

    选中后代,不论是儿子还是孙子,都选中box 下的  所有 a 都会被选中
		.box a{
			color:red;
			font-size:30px;
		}
	
		选中儿子,孙子不会被选中
		.box>a{
			color:red;
			font-size:30px;
		}
		直选中紧跟在p后的第一个a (只能选中一个)
		p + a{
			color:red;
			font-size:30px;
		}
	
		选中p标签后的所有 a (可以选中多个)
		p ~ a{
			color:red;
			font-size:30px;
		}

UI元素状态伪类

	:enabled{}	选中可以输入的元素
	:disabled{}	选中不可输入的元素
	:checked{}	选中被选中的元素
	
	::selection{}	被用户选中的内容处于高亮的状态

动态伪类选择器

        链接伪类选择器
		:link{}	初始状态
		:visited{}	访问过后的状态
		
		用户行为选择器
		:hover{}	鼠标移入的状态
		:active{}	鼠标按下的状态
		
		:focus{}	选中获取了焦点(光标在哪里跳动)的元素