初学CSS选择器及其优先级

                                               CSS选择器及优先级总结

一、不同级别
1.行内样式（作为style属性直接写在如div等元素内）
2.id选择器（具有唯一指向性，#×××）
3.类选择器（.×××）
4.元素选择器（也叫标签选择器）
5.!important（补充：在属性里添加它，会覆盖任何位置定义的元素样式，但一般情况下不推荐使用）
6.通配符选择器（补充：* 可选中页面的所有同一元素 ）
7.排序总结：!important> 行内样式 > id选择器 > 类选择器 > 元素选择器 >通配符选择器
8选择器分组：用，隔开（如div，#p，.table，表示所有div、p、table元素都受影响）
9.属性选择器：（如[name=“×××”]）
二、同一级别
1.同一级别中二者优先级相同，二者对共同作用的元素的影响只与二者的代码顺序有关，在CSS里代
码顺序靠后的起决定性作用。
(1)子选择器和后代选择器
①子选择器：选择某父类下的所有儿子。
②后代选择器：选择某父类下所有后代。
（2）页内样式表和页外样式表
①页内样式表：在本页面内，在head标签内添加。
②页外样式表：连接页面外的css文件
连接格式为：<link rel="stylesheet" href="×××"/>
2.css的三种引入方式，引入方式不同，优先级也不同
①行内样式（即直接在元素行内添加） > 页内样式表 ；行内样式 > 独立（页外）样式表
②页内样式表和页外样式表的优先级相同，两者的影响作用取决于两者代码的先后顺序
三、其他
1.绝对路径与相对路径
①绝对路径：即完整的描述文件所在位置的路径，或者说是文件在硬盘上真正存放的路径。
②相对路径：顾名思义，即其他文件与自己的目标文件之间的相对位置
③总结：在做页面时，推荐使用的是相对地址（ 目前指的是在html文件连接css文件时，更推荐使用
相对路径连接），因为这样不需要在自己的电脑上虚拟出网络环境，也可以正常预览页面效果，
所以在本机进行测试时，也就更加方便。
2.在创建CSS文件完成后，需要看是否为层叠样式表，只有是层叠样式表才有效，即文件扩展名
为.css，而不是文件名里有.css就行。