CSS选择器分类：
CSS的选择器分类可以分为三大类：id选择器，类选择器，标签选择器。
用法如下：
选择器 e.g.说明id选择器#id#header选择id="header"的所有元素类选择器.class.message选择class="message"的所有元素
标签选择器eldiv选择所有的div元素
其中他们又可以以不同的方式进行组合，如下：
选择器 e.g.说明后代选择器el eldiv p选择div元素内部的所有p元素子代选择器el>eldiv>p选择div元素的第一子代的所有p元素相邻兄弟选择器el+el.msg+p选择与class为"msg"的元素同级且紧跟其后的第一个p元素通用兄弟选择器el~el.msg~p选择class为"msg"的元素后面的所有p元素群组选择器el,elp, span, .blue,#box选择所有的p元素、span元素、class为"blue"的元素以及id为"box"的元素伪类选择器:link
:visited
:hover
:active
:focus
a:hover选择鼠标指针位于a标签之上的链接伪元素选择器:before
:after
p:before在每个p元素内容之前插入内容属性选择器[attribute] [target]选择带有target属性的所有元素通用选择器**选择所有的元素
优先级：!important > 内联样式 > id选择器 > 类、伪类、属性选择器 > 标签、伪元素选择器
权 重： !important：10000
内联： 1000
id选择器：100
类、伪类、属性选择器：10
标签、伪元素选择器：1
通用选择器（*）、子选择器（>）、相邻兄弟选择器（+）、通用兄弟选择器（~）权重值为0
转载于:https://www.cnblogs.com/AIonTheRoad/p/11283100.html
相关资源：JAVA上百实例源码以及开源项目