css选择器的特殊性值

【css选择器的特殊性值】的更多相关文章

css选择器的特殊性值

今天从前端那拿来写好的页面,就开始动工,首先,照旧处理导航栏高亮的问题, 说到处理高亮的问题,不同的人会有不同的方法,比如: //类名为nav的元素下的第n个a元素 .nav a:nth-of-type(n){ color:#ff0000; } 或者,为每个导航栏目设置不同的类名,然后在对应页面,为该导航栏设置高亮: 再或者,导航栏类名都一样的话,用js在每个页面为当前导航栏设置高亮样式或者添加高亮类名(样式提前设定): 总之,方法是多种多样的. 就我今天拿到的页面来说,前4个a标签我用了a:n…

CSS选择器的特殊性

在我们为元素添加样式的时候,或多或少会出现一个元素会有几个不同规则的样式.有#id的,有.class,直接标签元素的,还有各种组合起来的选择器.那CSS到底如何解决这些冲突呢,我们这次专门来探讨一下. CSS也称层叠样式,层叠(cascade)也就是说,将重复定义的样式,先通过重要度的筛选,再通过一定的规则,重新排列覆盖.而这个规则就是,选择器的特殊性.(重要度就不详细说明了,一般认为!important>行内样式>内联样式表>外联样式表>浏览器默认样式) 特殊性每种选择器都会默…

CSS选择器的特殊性和LOVE HA

在CSS中当几个相同的选择器对同一个元素有不同的规则时,该怎么应用这些规则呢? 答案就是:CSS特殊性(CSS specificity) 选择器特殊性有选择器本身组成,特殊性由4个数值表述:0, 0, 0, 0,具体特殊性如下: 对于内联样式声明的特殊性时,加1, 0, 0, 0 对于选择器中有给定的ID属性值时,加0, 1, 0, 0 对于选择器中有给定的类属性值.属性选择或伪类,加0, 0, 1, 0 对于选择器中有各个给定的元素和伪元素时,加0, 0, 0, 1 结合符和通配符对特殊性没有…

css优先级之特殊性

在前端开发的时候,css构建样式规则,这个时候我们会遇到一个问题:当我们对同一个元素做多个样式规则,其中发生了冲突的时候,css是如何选择最终呈现的样式如下: div{ color:red; } div.main{ color:blue; } div#main2{ color:green } <body> <div class="main" id="main2"> ssss </div> </body> 最终这个&q…

（转）css选择器及其优先级

文章主要介绍什么是CSS选择器,CSS选择器的分类以及CSS选择器的优先级三部分内容,希望能够帮助到正在学习CSS的童鞋,有什么不足的地方欢迎大家批评指正. 一.什么是CSS选择器? CSS选择器又被称为CSS样式.CSS属性选择器.是由css命名及后面属性及属性值构成一个整体. 二.CSS选择器的分类 1.基础选择器 a.id选择器:通过设置元素的id属性为该元素制定ID.ID由开发者指定.每个ID在文档中必须是唯一的.在写样式表时,ID选择器是以#开头的. HTML <div id="…

深入理解CSS选择器优先级的计算

选择器的优先级关系到元素应用哪个样式.在CSS2.1的规范(http://www.w3.org/TR/2009/CR-CSS2-20090908/cascade.html#specificity)中是这样描述的: 如果声明来自于“style”属性,而不是带有选择器的规则,则记为 1,否则记为 0 (= a)(HTML元素的style属性也是样式规则,因为这些样式规则没有选择器,因此记为a=1,b=0,c=0,d=0) 计算选择器中 ID 属性的个数 (= b) 计算选择器中其他属性(类.属性选择…