`
zdlly617
  • 浏览: 8577 次
  • 性别: 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 2.0中文使用手册!!!

    CSS 2.0是CSS的一个里程碑版本,它在CSS 1.0的基础上进行了扩展,引入了更多高级特性和控制,为网页设计师提供了更丰富的视觉设计可能性。 ### CSS 2.0的主要特点: 1. **层叠和继承**:CSS 2.0的核心概念之一是...

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

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

    css中文手册 css样式表

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

    link和@import引用css文件方法的区别

    如果需要在 CSS 文件中添加额外的样式信息,那么使用 @import 更加合适,因为 @import 是 CSS 的一个标签,可以直接在 CSS 文件中使用。 五、总结 link 和 @import 都可以用来引用外部的样式文件,但它们的应用...

    前端开源库-postcss-import-resolver

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

    Qt css样式大全+详细书签pdf.zip

    - wang13342322203的博客 - CSDN博客_files"很可能包含了博客文章中引用的图片、示例代码或其他辅助资料,这些辅助材料对于理解文章内容和实际操作具有重要作用,可以帮助开发者直观地看到CSS样式的应用效果,并能...

    新发现的Css代码生成器--不错!

    1. **选择预设样式**:工具可能包含各种预设的CSS样式模板,如按钮、导航栏、滑块等,用户可以直接应用到自己的项目中。 2. **自定义参数**:用户可以调整颜色、大小、边距等参数,生成符合需求的CSS代码。 3. **...

    css优先权详细解说

    ### CSS优先权详细解说 在Web开发中,CSS(层叠样式表)是用于控制网页外观和布局的关键技术之一。CSS优先权,也被称为CSS权重或CSS特异性(specificity),是决定当多个CSS规则应用于同一HTML元素时,哪个规则最终...

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

    CSS(Cascading Style Sheets)层叠样式表是用于控制网页外观和格式的标记语言,它通过继承性、特殊性、层叠性和重要性这四个核心特性来决定样式应用的优先级和规则。 继承性是指一些CSS属性可以被子元素继承,也...

    一些漂亮的CSS表格样式

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

    DW CS6 CSS样式汉化文件补丁

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

    DIV+CSS漂亮的样式

    本资源包“漂亮样式CSS”包含了几个精心设计的`DIV+CSS`样式示例,特别是3D按钮和层模拟窗口移动的效果,这些都是现代网页设计中非常流行和实用的元素。 首先,3D按钮是提升网页界面视觉吸引力的重要元素。在CSS3的...

    css样式表代码

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

    CSS层叠样式表

    CSS样式的定义主要涉及样式规则的创建,包括属性和值的配对,用于控制元素的样式,如颜色、字体大小、布局等。样式规则可以被定义在不同的地方,包括内部样式表(位于HTML文档的`<head>`部分)、外部样式表(单独的....

    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区别IE和非IE浏览器

    ### CSS兼容性处理:针对IE与非IE浏览器的差异 在Web开发中,浏览器兼容性问题一直是前端开发者需要面对的重要挑战之一。不同浏览器对CSS的支持程度各不相同,特别是Internet Explorer(IE)系列浏览器与其他现代...

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

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

    四个完整的DIV+CSS网页案例,有详细解说

    每个案例都提供了详细的解说,旨在帮助学习者理解如何通过DIV布局和CSS样式来构建网页。DIV是HTML中的一个通用容器元素,常用于组织页面结构,而CSS则是用于定义这些元素外观和布局的关键技术。 【描述】:“四个...

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

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

Global site tag (gtag.js) - Google Analytics