css调用的优先级是怎样的
2014-03-12 13:59
267 查看
在了解了怎么在htmll页面中调用css文件,和css选择符之后,我们不禁会想到一个问题,如果所调用的样式有重复的属性,那它会优先调用哪一个样式呢?这就是css调用优先级问题。一般来说,直接在页面元素中使用的样式拥有最优先的优先级,其次是在页面头部定义的CSS样式,最后是用link链接形式调用的CSS样式。
对于类型选择符和类选择符:(什么是css选择符?)类(class)选择符的优先级要高于类型选择符,也就是说首先遵循类选择符再遵循类型选择符。
比如:
p
{
color:red;
}
.mm
{
color:yellow:
}
<p class="mm">我是什么颜色啊?<p>
显示为yellow颜色。
id选择符>class选择符
最近优先原则,遵循最近定义的样式。
至此,css调用优先级了解完毕。光这样子看你肯定会看的云里雾里,或者说挺简单啊,一看就明白。好吧,最重要的是实践。在实践中你会理解的更加深刻。
对于类型选择符和类选择符:(什么是css选择符?)类(class)选择符的优先级要高于类型选择符,也就是说首先遵循类选择符再遵循类型选择符。
比如:
p
{
color:red;
}
.mm
{
color:yellow:
}
<p class="mm">我是什么颜色啊?<p>
显示为yellow颜色。
id选择符>class选择符
最近优先原则,遵循最近定义的样式。
至此,css调用优先级了解完毕。光这样子看你肯定会看的云里雾里,或者说挺简单啊,一看就明白。好吧,最重要的是实践。在实践中你会理解的更加深刻。
相关文章推荐
- 关于css优先级及怎样设计css书写
- CSS怎样改变行内样式(通过外部级联样式表) css !important用法CSS样式使用优先级判断
- CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
- CSS 一些基础知识(优先级、行内元素的一些属性、font-size单位) 怎样不加载图片
- 前段性能优化之js,css调用优化
- CSS的三种样式表和优先级
- CSS初级入门:样式表的外部调用
- html之css属性选择器,伪类,继承,选择器优先级,float
- 关于CSS的优先级,CSS优先级计算
- 尝试改写CSS、调用JavaScript方法、运用Request.Form和Request.QuerryString
- css优先级计算法则
- viewpager与pageradapter具体生命流程是怎样调用的
- CSS常用选择器及优先级、一些易混淆选择器的区别
- css中的优先级
- CSS的组成,三种样式(内联式,嵌入式,外部式),优先级
- 漫谈兼容内核之一:ReactOS怎样实现系统调用
- CSS优先级及继承
- python怎样调用java代码
- 怎样用C#调用R软件:R(D)COM(一)
- CSS和html如何结合起来——选择符及优先级