CSS学习笔记2-选择器

4.选择器
允许针对特定元素或一组元素定义样式
有：
元素选择器
类选择器：.类
ID选择器：#id
通用选择器：*{}
子元素选择器：选择位于父元素内部的子元素
后代选择器（包含选择器）
并集选择器（兄弟选择器）
伪类选择器:选择元素的特定状态和位置
。。。

/*子元素选择器*/
.father > p{
	color: yellowgreen;
}

后代包含子代，子代不包含父代

/*后代选择器*/
.father p{
	color:brown;
	front-size:larger;
}

例如h3标签相邻的是两个p标签：
 

/*相邻元素选择器*/
h3 + p{
	background-color:red;
}

/*伪类选择器*/
#element:hover{
	background-color:blueviolet;
}

/*
选中第一个元素：first-child
			 ：nth-child（）
			 ：active
*/

/*伪元素选择器
::after
::before
*/