网站设计之css优先级
当多个选择器选择的是同一个元素时,只会有一个选择器生效
继承样式 < 浏览器预设样式 例1、
<div>
<a href="http://www.xmynet.com/" class=“abc” id=“one”>哈尔滨网站设计</a>
<br />
<span> 小木鱼网络</span>
</div>
<style type="text/css">
div{color: #FF0000;}
</style>
通用选择器大于浏览器预设样式
*{color: #FF0000;}
标签选择器大于通用选择器
a{color: #FF00FF;}
类选择器大于标签选择器
id选择器大于类选择器
总结:
id选择器》类选择器》标签选择器》通用选择器》浏览器预设样式》继承样式
id后代选择器》id选择器
选择的越精确 优先级越高
当优先级一样时候,后写的样式会覆盖先写的
行内样式》id选择器
如果修改网站时候,如果嫌麻烦,可以直接添加行内样式