关于CSS选择器，首先请看这里： CSS 选择器参考手册
通过以上，我们可以将CSS选择器分为以下几种：
<script async src="//jsfiddle.net/hysunny/3gwbeu3v/embed/html,css,result/"></script>
示例：
说明：以下E表示元素，attr表示属性，val表示属性的值。
说明：以下E表示元素
示例：
示例：
示例：
示例：
E:not(s) ,匹配不符合当前选择器的任何元素
示例：
E:target ,匹配文档中特定"id"点击后的效果
示例：
这里我们简单讨论下后代元素选择器和子元素选择器的区别
示例
CSS优先级是指CSS样式在浏览器中被解析的 先后顺序 。
多重样式（Mutiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是多重样式的使用情况。
一般情况下，（ 外部 样式）External style sheet <（ 内部 样式）Internal style sheet <（ 内联 样式）Inline style
例外 ：如果外部样式放在内部样式的后面，则外部样式将会覆盖内部样式。
示例：
给不同的选择器分配不同的权值
解释：
示例
结果：标签内的数据显示为蓝色。
比较样式的优先级是，只需统计不同选择器的个数，然后与对应的权值相乘即可。根据结果便可得出优先级。
看到这里，有些同学是不是对!important有点迷惑呀 为什么有了它，就优先级最高呐 下面我们再来详细讲一讲!important~
!important 是CSS1就定义的语法，作用是提高指定样式的应用优先权。
语法格式： {cssRule !important} ，即写在定义的最后面，例如： box { color: red !important}
声明了 !important 的样式，具有最高的优先级，相当于写在最下面（最后定义）
IE 6.0 不完全 支持!important
IE支持重定义中的!important，例如：
你将会发现定义了样式 class="yuanxin" 时，在IE下，字体显示为红色（#e00）。
但不支持同一定义中的 !important 。例如：
此时在IE6下不支持，你将会发现定义了样式 class="yuanxin" 时，字体显示为黑色（#000）。
解释 ：
important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里)，IE 6.0认为!important优先级较高，否则当含!important的样式属性被同一个{}里的样式覆盖时，IE 6.0认为!important较低!
再举一个例子：
因为IE 6.0一直都不完全支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别利用!important，我们可以针对IE和非IE浏览器设置不同的样式，只要在非IE浏览器样式的后面加上!important。
完。
总结内容参考以下：
w3school_CSS 选择器参考手册
阮一峰_CSS选择器笔记
css选择器优先级深入理解
CSS 的优先级机制[总结]
十分感谢你们的分享 n(*≧▽≦*)n
注：原文章首发于： CSS选择器、优先级以及!important知识总结 ，现迁移至此。
<script async src="//jsfiddle.net/hysunny/3gwbeu3v/embed/html,css,result/"></script>
web前端参考文献前端为设计网页，那么，关于web前端的参考文献有哪些? [1]匡成宝。HTML语言的网页制作方法与技巧探讨[J].电脑迷，2017,(03)：190-191. [2]张欣欣。HTML及百度地图API在WebGIS中的应用实例研究[J].江苏科技信息，2017,(07)：63-65. [3]王秀萍，季金奎。Word转换成Html的方法探析[J].福建电脑，2017,(01)：166+23. [4]马凌熙。关于ASP程序在html中的调用[J].电子制作，2016,(24)：45. [5]罗正蓉，范灵。应用HTML和CSS制作网页[J].科技展望，2016,(26)：10. [6]朱敏。JavaScript在HTML中的应用探讨[J].科技视界，2016,(24)：227-228. [7]SENGSopheaK.从HTML文档中基于模式的信息提取[D].北京交通大学，2016. [8]刘霜，潘立武。HTML发展应用中的探索与研究[J].信息与电脑(理论版)，2016,(11)：72-73. [9]魏佳欣，叶飞跃。基于HTML特征与层次聚类的Web查询接口发现[J].计算机工程，2016,(02)：56-61. [10]柳汨。基于HTML语言的网页制作浅析[J].中小企业管理与科技(上旬刊)，2016,(01)：258. [11]齐慧平。HTML语言的网页制作技巧与方法分析[J].电脑迷，2016,(01)：11+13. [12]苏磊，张玉，蔡斐。科技期刊全文阅读模式PDF和HTML的对比与分析[J].编辑学报，2015,(S1)：17-19. [13]茹先古丽·吾守尔，艾合买提·阿布拉。基于HTML语言的网页制作方法[J].经贸实践，2015,(09)：267. [14]刘曦恺。HTML网页发展的可用性探析[J].通讯世界，2015,(12)：282. [15]王闯。HTML语言的网页制作技巧与方法分析[J].无线互联科技，2015,(11)：38-39. [16]陈少林。基于HTML代码分析的Web应用自动化测试方法研究[D].东南大学，2015. [17]管英祥，任渊博，向为锋。基于HTMLCanvas的电磁态势绘制方法[J].电脑知识与技术，2015,(14)：68-70. [18]刘全志，于治楼。基于CSS选择器的HTML信息抽取研究[J].信息技术与信息化，2015,(03)：100-102. [19]夏飞，丁胜，孟振南，汤叶舟，谢景文。基于云计算平台的HTML解析系统的设计与实现[J].现代计算机(专业版)，2015,(01)：42-44+48. [20]潘敏。基于PCA算法的.HTML网页篡改检测定位系统[J].湖北师范学院学报(自然科学版)，2014,(04)：21-24. [21]姜福成。基于HTML5网页地图浏览器的开发与应用[J].计算机应用，2014,(S2)：364-367. [22]杜戎平。用Java语言实现Excel表格数据到HTML表格数据的转换[J].电脑编程技巧与维护，2014,(23)：62-64. [23]郑培纯。基于HTML5的多媒体播放网站[D].吉林大学，2014. [24]童莹。HTML编辑器在JAVAWEB下的应用研究[J].无线互联科技，2014,(11)：140-141. [25]黄雄。基于HTML5的视频传输技术研究[J].广东技术师范学院学报，2014,(11)：20-25. [26]胡晶。基于HTML5离线存储的产品演示系统的开发[J].洛阳师范学院学报，2014,(11)：60-62+66. [27]矫静怡。基于HTML5的多平台采购系统的设计与实现[D].大连理工大学，2014. [28]胡晶。基于HTML5的Web移动应用开发研究[J].工业控制计算机，2014,(10)：80-81. [29]连政。基于HTML5技术的移动Web前端设计与开发[D].浙江工业大学，2014. [30]张坤，吕义正。HTML5客户端存储的安全性探析[J].黄山学院学报，2014,(05)：13-15. [31]黎志雄，黄彦湘，陈学中。基于HTML5游戏开发的研究与实现[J].东莞理工学院学报，2014,(05)：48-53. [32]李正，张欣宇，冯一帆。HTML5技术在移动互联网中的应用[J].信息通信技术，2014,(05)：71-75. [33]胡晶，朱发财。HTML5的WEB通信机制问题研究[J].自动化应用，2014,(09)：15-17. [34]吴永军，王燕午，杨乃。HTML5新特性研究及其对WebGIS的影响分析[J].测绘标准化，2014,(03)：17-20. [35]张旭，杨斌。基于HTML5+QNX的车载嵌入式应用解决方案[J].单片机与嵌入式系统应用，2014,(09)：32-34+52. [36]汪小锋，阮增辉，郑焜。基于HTML5的移动医学影像可视化系统的研究[J].中国医疗设备，2014,(08)：49-51. [37]蒋东玉，田英鑫。图像中表格转换成HTML表格的研究与实现[J].黑龙江科技信息，2014,(24)：172. [38]于万国。用HTML+CSS+JavaScript实现计算器的设计[J].衡水学院学报，2014,(04)：27-30. [39]黄悦深。基于HTML5的移动WebApp开发[J].图书馆杂志，2014,(07)：72-77. [40]冯永亮。HTML5本地数据存储技术研究[J].西安文理学院学报(自然科学版)，2014,(03)：66-69. [41]钟迅科。基于HTML5的跨平台移动Web应用与混合型应用的研究[J].现代计算机(专业版)，2014,(19)：32-36. [42]丘嵘，谭德。基于HTML5的混沌系统的数字化实现[J].现代电子技术，2014,(13)：50-52. [43]陈泽鹏。基于HTML5技术的移动数字校园的研究与应用[D].湖南大学，2014. [44]林青，李健。PDF文档HTML化中文本重排问题研究[J].电脑与信息技术，2014,(03)：27-30. [45]赵勇军，符红霞。在嵌入式浏览器中基于HTML的滚动显示效果实现方法研究[J].智能计算机与应用，2014,(03)：100-102. [46]林青。支持多终端HTML资源生成的PDF转化系统研究与实现[D].北京工业大学，2014. [47]胡晶。HTML5中Canvas与Flash的应用研究[J].宁德师范学院学报(自然科学版)，2014,(02)：151-155. [48]高旺，李树超，高峰，任祥花，李申。基于HTML5的中小型智能仓库管理系统的设计与实现[J].电子技术，2014,(05)：36-38. [49]李施霖，管卫利，杨燕。用HTML5技术实现在线图片编辑[J].大众科技，2014,(05)：4-7+12. [50]徐鑫鑫。基于HTML5和SVG跨平台工控图形组态软件的研发[D].南京大学，2014. [51]刘沧生，管希东，李淑芝，兰红。基于HTML5的PPT智能模板设计[J].软件工程师，2014,(05)：53-55+48. [52]赵宁。关于HTML5网页异化现象的分析[D].东北师范大学，2014. [53]黄雄。基于HTML5的视频音频传输技术的研究与设计[D].广东技术师范学院，2014. [54]刘国红。HTML5在移动互联网开发中的应用[J].科技广场，2014,(04)：59-62. [55]王冉。运用HTML5技术解决移动阅读发展中的制约因素[J].情报探索，2014,(04)：88-91. [56]左正，胡昱，段云岭，李庆斌，冯金铭，张丽媛。基于第5代HTML标准的拱坝工程三维可视化网络平台[J].计算机辅助设计与图形学学报，2014,(04)：590-596. [57]AlexeyDemin,代沅兴，李新，王宛山。基于HTML5与WebGL的机器人3D环境下的运动学仿真[J].东北大学学报(自然科学版)，2014,(04)：564-568. [58]高跃，韩鹏，王少青。基于HTML5的数学公式渲染研究与实现[J].计算机应用与软件，2014,(04)：15-18+55. [59]梁艳。基于HTML5的WebRTC技术浅析[J].信息通信技术，2014,(02)：52-56. [60]张卫国。基于HTML5的2D动画的设计与实现[D].中山大学，2014.
