`
qishuai
  • 浏览: 38887 次
  • 性别: Icon_minigender_1
  • 来自: 南通
社区版块
存档分类
最新评论

浅谈CSS权重

    博客分类:
  • html
阅读更多
jquery家孩子生日终于搞好了,忙活了一天,累的很啊。
终于可以坐下来了,闲着没事,整点之前关注的CSS权重。
CSS中是使用4位的数字来表示权重的
具体权重说明如下:
继承的样式:0000
内联的样式:1000
子选择符:0000
通用选择符:0000
属性选择符:0010
伪类选择符:0010
伪类元素选择符:0010
类型选择符:0001
类选择符:0010
权重最大,就优先显示
以前关注的少,最近突然发现有些新项目中,为了无缝结合,得需要用css权重
大点写,不然压根显示不了。
恩,以后多注意适当的时候写下吧。

转自 jquery http://www.jqueryba.com/267.html
分享到:
评论
1 楼 zhangyaochun 2012-09-17  
看着LZ来自南通,简单说两句:

正统的权重其实简单地分为:

HTML标签    权重1
class标签   权重10
id          权重100
内联样式    权重1000

同样 可以累加:比如:

"#test a"     权重100+1 = 101


而且权重的规则是:

权重相同,后定义的会覆盖前面的(所谓的就近)

相关推荐

    Eric Meyer谈css.pdf

    Eric Meyer,作为前端开发界的知名人物,对CSS的讲解和理解深入浅出,具有很高的参考价值。CSS(Cascading Style Sheets,层叠样式表)是一种用来表现HTML或XML文档的样式的语言。它不仅可以静态地修饰网页,还可以...

    浅谈CSS层叠机制

    css中为什么要有层叠机制 因为在css中可能会有多个样式同时影响同一个元素的某个属性,层叠机制可以解决作者(写代码的人),用户(浏览页面的人)和用户代理(一般指浏览器)的样式冲突。 在层叠中每个样式规则都有...

    EricMeyer谈CSS卷1.rar

    《Eric Meyer谈CSS卷1》是图灵Web开发系列丛书中的一部重要作品,由业界知名前端专家Eric Meyer撰写。这本书深入浅出地探讨了CSS(层叠样式表)这一核心Web开发技术,旨在帮助读者理解和掌握CSS在网页设计中的应用。...

    浅谈CSS中的继承性,特殊性,层叠性和重要性

    通常来说,特殊性的权重从高到低为:内联样式、ID选择器、类选择器、伪类和属性选择器、标签选择器和伪元素。特殊性可以看作是一个权值,用于在出现冲突的样式规则时决定使用哪一个。例如,类选择器的权值高于标签...

    web前端+css命名 规范

    在Web前端开发中,CSS(层叠样式表)命名规范是至关...在实际工作中,可以参考提供的文档资源,如`CSS命名规范参考及书写注意事项.doc`、`WEB前端开发规范.doc`,以及`HTML+css PPT浅谈.rar`,深入理解并应用这些规范。

    浅谈石狮装修网站优化方案.docx

    3. **代码优化**:简化页面代码,提高加载速度,利用HTML5和CSS3优化网站结构。 4. **内部链接**:构建合理的内部链接结构,便于搜索引擎爬虫抓取,提升页面权重。 5. **修复死链**:定期检查并消除死链接,保持...

    该不该使用ID选择器?浅谈对CSS的ID选择器的使用建议

    当ID选择器与更具体的规则冲突时,需要更高的特异性权重来覆盖之前的规则,这往往会导致代码中充斥着 `!important` 标记,如示例代码所示。这种做法不仅增加了代码复杂性,也降低了代码的可读性和可维护性。 再者,...

    浅谈sass在vue注意的地方

    本文将浅谈在Vue中使用Sass时的一些关键点。 1. **@import 语句的使用** 当使用`@import`规则来导入Sass文件时,Vue会根据导入的文件位置来解析相对路径。例如,如果你在`App.vue`文件中导入了`public.scss`,那么...

    浅谈vue中慎用style的scoped属性

    浅谈 Vue 中慎用 style 的 scoped 属性 本篇文章主要介绍了 Vue 中慎用 style 的 scoped 属性的重要性。scoped 属性是在 Vue 组件中使用 style 标签时添加的特殊属性,用于使样式私有化(模块化),避免全局样式...

    浅谈H标签定义和注意事项

    在实际应用中,尽管H3及更低级别的标签权重较低,但它们仍然有价值,尤其对于长篇内容而言,合理使用可以提高用户体验,帮助读者更好地组织和导航信息。然而,滥用H标签,尤其是H1标签,可能会引发搜索引擎的反感,...

    浅谈语义化的HTML结构到底有什么好处

    搜索引擎的爬虫依赖于HTML标签来解析网页内容并确定关键词的权重。使用语义化标签可以使爬虫更容易理解网页的主题和内容,从而提升网页在搜索结果中的排名。比如,将页面的标题放置在`<h1>`标签内,而非使用无语义的...

Global site tag (gtag.js) - Google Analytics