CSS样式定义的优先级顺序总结

层叠优先级是:

浏览器缺省 < 外部样式表 < 内部样式表 < 内联样式

其中样式表又有:

类选择器 < 类派生选择器 < ID选择器 < ID派生选择器

派生选择器以前叫上下文选择器，所以完整的层叠优先级是:

浏览器缺省 < 外部样式表 < 外部样式表类选择器 < 外部样式表类派生选择器 < 外部样式表ID选择器 < 外部样式表ID派生选择器 < 内部样式表 < 内部样式表类选择器 < 内部样式表类派生选择器 < 内部样式表ID选择器 < 内部样式表ID派生选择器 < 内联样式...共12个优先级

时间： 2024-10-14 08:55:47

CSS样式定义的优先级顺序总结的相关文章

css样式定义

1.定义 <head> <style> .info-tip-warning{color: #999999} .pull-left { float: left; } </style> </head>2.使用 <div class="pull-left"> <div class="info-tip-warning pull-left"> 原文地址:https://www.cnblogs.com/we

css样式 浏览器的读取顺序

例: tbody tr td{} 浏览器是先查找td,然后去找td tr,然后去找td tr tbody div p{}和div>p{}的区别 .div p{} 是会查找页面中所有符合条件的p标签.会耗损许多资源. .div>p{}是只会查找该div下的所有符合条件的p标签.比上面的这种方法会更好些.

css 样式表的书写顺序

display || visibilitylist-style : list-style-type || list-style-position || list-style-imagepositiontop || right || bottom || leftz-indexclearfloatwidthmax-width || min-widthheightmax-height || min-heightoverflow || clipmargin : margin-top || margin-

各大门户网站全局CSS样式定义

1.网易 body { text-align: center; font-family:"宋体", arial;margin:0; padding:0; background: #FFF; font-size:12px; color:#000;}div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; }li{list-style-type:none;}img{vertical-align:top;}h1,h2,

各种浏览器兼容篡位的css样式写法

谷歌浏览器的识别 @media screen and (-webkit-min-device-pixel-ratio:0) { height:10px; } IE6特制识别的 *HTML .SearchBox { height:10px; } Firefox浏览器的内核 @-moz-document url-prefix() { .font1 {color:red} } 二.针对样式名 如果只让ie6看见用 *html .head{color:#000;} 如果只让ie7看见用 *+html .

用JS查看修改CSS样式（cssText,attribute(&#39;style&#39;),currentStyle,getComputedStyle）

CSS样式定义方法 大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 <div id="div1" style="width: 100px; height: 100px; background: black"> 2 </div> 2.内部.外部样式表: 内部样式表就是在<head>头部里有<style&

Web前端面试指导(十三)：css样式的优先级是怎么样的？

题目点评 CSS样式的优先级规则给人的感觉总是摸不透,更不用说怎么去表达了,在网络上流传着很多版本,描述的都很复杂也不全面,看了之后还是不满意.我来给大家介绍一个比较系统.全面有比较容易记住的规则吧! 解答思路 样式优先级规则 1.优先级顺序为:!important>style>权重值 2. 如果权重相同,则最后定义的样式的起作用,应该避免这种情况出现 权重规则 标签的权重为1 class的权重为10 id的权重为100 权重取值示例

权重和层叠规则决定了CSS样式优先级

一.基本的优先级规则 比较同一级别的个数,数量多的优先级高,如果相同即比较下一级别的个数,至于各级别的优先级如下: important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承 二.CSS权重规则 在<页面重构中的模块化设计>中提到,影响CSS样式权重,有两个重要因素: A:样式的优先级跟样式定义的顺序有关 B:权值的大小跟选择器的类型和数量有关 一般来说,在同一个CSS文件中,如果有两个同名的样式

WEB前端--CSS样式优先级

转载信息: 作者: XuGang   网名:钢钢 出处: http://xugang.cnblogs.com 声明: 本文版权归作者和博客园共有.转载时必须保留此段声明,且在文章页面明显位置给出原文连接地址! 样式的优先级 多重样式(Multiple Styles):如果外部样式.内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况. 一般情况下,优先级如下: (外部样式)External style sheet <(内部样式)Internal style sheet <(内联样式)I