css样式中的class，style与id的优先级问题
在写css样式的时候我们要注意的有顺序问题，更重要的时候style，class与id之间的优先级问题，在页⾯初次完⼯未经改变，或者页⾯复杂程度很⼩的时候，搞不清楚这三者之间的优先级问题，似乎并没有什么⼤的问题，但是⼀旦随着页⾯的更改完善，以及页⾯元素的错综复杂度增加，问题就显⽽易见了。
  先来说说顺序的问题吧，⽐如说我们在整体的样式前⾯定义了⼀些连接的颜⾊之类的a{color:#F00}属性，但是在后⾯的样式规则中，我们不需要连接的颜⾊都是红⾊的，所以就需要重新定义他的颜⾊，但⼜不能完全重新定义，这就需要⽤到继承属性规则了，（本⽂的重点是说样式属性的优先级问题，⾄于继承的规则就不在多说了）上⾯所说的就是⼀个顺序的问题，页⾯总是会按照定义给他的最后的⼀个规则来显⽰。
  然后再说说优先级的问题，上代码吧，问题太多看的眼疼：
css
1. *{ color:red；}
2. body{ color:green；}
3. #id{ color:blue;}
4. .class{ color:yellow;}
HTML效果截图
从①和②可以看出样式的定义顺序起了作⽤，我们把body{color:green}去掉的话，⼆者将同时显⽰红⾊，之所以①显⽰绿⾊，是因为body{}在*后⾯对body所包含的的标签内部进⾏了重新定义。
  第③④⑤条规则的显⽰结果可以看出，在三中样式规则同时存在的时候优先级最⾼的是style所定义个属性值，与style，id，class的书写顺序没有关系。
  第⑥和第⑦我想⼤家都明⽩是怎么⼀个结果了吧，就是说id与class的优先级为id优先于class，与顺序
也没有关系。cssclass属性
综上所述，我们可以知道，id，class，style的优先级别顺序为style⾼于id⾼于class，与顺序没有关系的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。