`
zdlly617
  • 浏览: 8606 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于css中的样式重要性解说(非!import)

    博客分类:
  • css
css 
阅读更多

   css中的样式重要性问题:多的我不解释,赶重点的说:
  重要性有四个数字组成,根据数字从左到右的大小来决定css样式的优先级

  关于元素重要性:     0,0,0,1
  关于类样式重要性:   0,0,1,0
  关于ID样式重要性:   0,1,0,0
  行内样式的重要性:   1,0,0,0


示例如下:
   ul li -------------> 0,0,0,2
   .ul li -------------> 0,0,1,1
   #ul li -------------> 0,1,0,1

如果重要性一致,那么就看后写的覆盖前写的,没有就近原则之说:比如:

   ul li { background-color: #ff0000;}

   html li {background-color: #000;}
   二者的重要性一致,那么现在就是后者覆盖前者属性样式了。

0
2
分享到:
评论

相关推荐

    CSS禅意花园!附带源代码!

    "CSS快速提高"这部分,强调了通过实践来提升CSS技能的重要性。通过分析和修改这些示例代码,我们可以快速掌握CSS的基本规则,同时了解到如何避免常见的设计问题,如浏览器兼容性问题。在实践中,我们还能学习到如何...

    CSS样式命名的重要性

    ### CSS样式命名的重要性 在前端开发领域,尤其是涉及到团队协作的大规模项目中,CSS样式命名规范显得尤为重要。良好的命名习惯不仅能够提升代码的可读性和可维护性,还能有效减少团队成员之间的沟通成本,提高整体...

    reset.css 目前最好的css重置版本!

    css重置是很重要的东西. reset.css 目前最好的css重置版本!

    不错的css+div模板!!!!!

    3. 属性和值:CSS样式由属性和对应的值组成,如`color:red;`表示文本颜色为红色。属性可以控制字体、颜色、布局等多个方面。 二、Div元素 1. 容器角色:Div元素作为一个通用的容器,通常没有特定的语义含义,但...

    CSS样式表中文手册教程(我见过最好的,共享了!)

    这个“CSS样式表中文手册教程”提供了全面的CSS知识,对于Web开发者来说是极有价值的资源。 首先,CSS的基础概念是至关重要的。它由选择器和声明组成,选择器定位要应用样式的元素,而声明则定义具体的样式规则。...

    css中文手册 css样式表

    **CSS中文手册与CSS样式表** ...以上就是关于"CSS中文手册"中涉及的主要知识点,它们构成了CSS样式表的基础,帮助开发者实现美观且高效的网页设计。学习和熟练掌握这些内容,将有助于提升网页设计和开发的技能。

    CSS样式初始化commonInitialize.css

    CSS样式初始化是开发过程中一个重要的步骤,它旨在消除浏览器之间的默认样式差异,确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先,我们来理解...

    前端开源库-postcss-import-resolver

    在前端开发中,我们经常使用CSS预处理器如PostCSS来提升CSS的可维护性和扩展性。然而,随着项目的复杂度增加,尤其是在多个CSS模块互相引用时,可能会出现导入路径冲突的问题。这就是`postcss-import-resolver`库的...

    前端开源库-css-resolve-import

    `@import`是CSS中的一个关键字,允许在一个CSS文件中引入其他CSS文件,以实现样式复用和模块化。然而,当涉及到多个`@import`和复杂的项目结构时,手动管理这些导入可能会变得非常混乱。`css-resolve-import`就是...

    一些漂亮的CSS表格样式

    一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!

    DW CS6 CSS样式汉化文件补丁

    此"DW CS6 CSS样式汉化文件补丁"是为了帮助用户将Dreamweaver CS6中的CSS样式编辑界面翻译成中文,使得不懂英文或者英语水平有限的用户也能更好地理解和操作这个强大的工具。 在Dreamweaver CS6中,CSS(Cascading ...

    css样式表代码

    样式是 CSS 样式表中一个非常重要的属性,它可以确定文本的样式。常见的样式有: * normal:正常样式 * italic:斜体样式 * oblique:倾斜样式 设定字体粗细 字体粗细是 CSS 样式表中一个非常重要的属性,它可以...

    gulp-coimport:处理css文件中 @ import。递归处理css文件中的@ import,自动合并为一个css文件

    支持 css样式文件 支持 @import 递归处理 支持线上的import url 自动下载再合并 Usage var gulp = require('gulp'); var coimport = require('./index'); var conf = require('./testOpt'); gulp.task('css', ...

    高效、可维护、组件化的CSS

    比如,可以使用CSS压缩工具来减少传输文件的大小,尽量使用CSS选择器的特异性来避免不必要的复杂性,合理使用类选择器而非标签选择器来减少潜在的样式冲突,以及使用工具如CSS Lint来检查CSS代码的潜在问题。...

    CSS2.0样式表中文手册

    CSS样式表中文手册什么是样式表: CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页: 你可以用...

    css2.0完全帮助手册!!很好!!很强大

    在这本手册中,我们可以找到关于CSS2.0的所有关键知识点,帮助我们掌握这一强大的样式语言。 1. **CSS简介**:CSS全称为Cascading Style Sheets,它允许我们将表现与内容分离,使网页设计更加灵活和可维护。CSS2.0...

    CSS3样式表- 层叠样式表种类.pptx

    CSS3作为Web前端开发的重要工具,提供了强大的样式控制能力,使得网页设计更加灵活多样。理解并熟练掌握CSS3的语法、种类和优先级,是每个前端开发者必备的基础技能。通过合理使用内联、内嵌和外部样式表,可以有效...

    CSS样式手册

    《CSS样式手册》集合了多个关于CSS(Cascading Style Sheets)的学习资源,涵盖了从基础到高级的各种主题,旨在帮助用户快速掌握这一重要的网页设计语言。以下是对这些资源的详细解读: 1. **《CSS速成手册》**:这...

    SharePoint 的CSS样式

    描述中提到的"MOSS2007的CSS样式大全"暗示了这是一个包含SharePoint 2007所有可用CSS样式的参考资料。这个PDF文件,即“CSS Reference Chart for SharePoint 2007 (Microsoft Office SharePoint Server 2007 and ...

    经典的CSS样式

    在网页设计领域,CSS(Cascading Style Sheets)是一种至关重要的技术,用于...经典CSS样式不仅仅是关于视觉吸引力,更是关于用户体验、易用性和代码的可维护性。掌握这些核心概念,将有助于成为一个出色的前端开发者。

Global site tag (gtag.js) - Google Analytics