CSS选择器总结

一、选择器总结

选择器名	选择器标识
1.元素选择器	元素名
2.id选择器	#
3.类选择器	.
4.通配选择器	*

二、复合选择器总结

选择器名	选择方法
1.交集选择器	选择器1.选择器2.选择器3.选择器n{}
2.并集选择器	选择器1,选择器2,选择器3,选择器n{}

三、关系选择器总结

选择器名	选择方法
1.子元素选择器	父元素>子元素
2.后代元素选择器	祖先 后代
3.兄弟选择器	前一个 + 后一个 或者兄弟 ~ 所被需要选择的元素(多选情况)

四、属性选择器总结：

选择方法	选择作用
[属性名]	选择含有指定属性的元素
[属性名=属性值]	选择含有指定属性和属性值的元素
[属性名^=属性值]	选择属性值以指定值开头的元素
[属性名$=属性值]	选择属性值以指定值结尾的元素
[属性名*=属性值]	选择属性值中含有某值的元素的元素

五、伪类选择器总结

伪类选择器canshu	作用canshu	作用域
:first-child	第一个子元素	同标签下
:last-child	最后一个子元素	同标签下
:nth-child(n)	选中第n个子元素	同标签下
:first-of-type	选中第1个子元素	同元素中
:last-of-type	选中最后一个子元素	同元素中
:nth-of-type(n)	选中第n个子元素	同元素中
: not(n)	除了n以外的元素被选中	同元素中