选择器的问题

一、基本选择器

1、id选择器
语法：#id名称{ 样式 }
特点：id是全局唯一的，所以只修改了一个标签的样式

2、类选择器
语法：.class{ 样式 }
好处：可以多个标签归类，一个类下的所有标签都改了样式

3、标签选择器
语法：标签{ 样式 }
特点：选择页面上所有的这个标签的元素

优先级：
id选择器>类选择器>标签选择器

二：层次选择器

1、后代选择器：某个元素的后面所有元素：空格隔开
body p{background ：red}
2、子选择器：某个元素的孩子：>隔开
body>p{background ：red}

3、相邻兄弟选择器：相邻且下一个的元素（只有一个）：+隔开
.className+p{background ：red}
4、通用选择器:相邻且后面的元素（可能有多个）:~隔开
.className~p{ background ：red}

三：结构伪类选择器

1、第一个子元素
p:first-child{ background ：red}
父元素下的第一个子元素p,两个条件：第一个且为p
2、最后一个子元素
p:last-child{back