• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >CSS > css优先级计算方法(推荐)

css优先级计算方法(推荐)

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含css,优先级,计算等相关知识,佚名 希望在学习及工作中可以帮助到您

主要的css选择器有id,class,tag,[],:,::等,而通常需要对其优先级进行判断的有id,class,tag,另外内联样式和!important也和css的优先级有关系。

如果将这五种不同情况的优先级以数字的形式来表示的话,其对应关系如下:

!important(10000) > 内联样式(1000) > id(100) > class(10) > tag(1)


则通常的css优先级比较可转化为数值大小的比较,如:#list li和.list .content ul li,其优先级为:

100+1=101 > 10+10+1+1=22

前者的优先级大于后者。

以上这篇css优先级计算方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持微课江湖。

原文地址:http://www.cnblogs.com/lj1028/p/5683269.html

您可能想查找下面的文章:

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-0614款免费的RSS、CSS和HTML验证工具
  • 2017-08-06两个div如何并排一行具体该怎么实现
  • 2017-08-06很少朋友知道的margin 百分比是按参照物来计算的
  • 2017-08-06浅谈CSS编程的OOCSS和SMACSS设计模式
  • 2017-08-06CSS的ul和li实现横向排列和去掉li的点
  • 2017-08-06多个css、js文件自动合并、压缩在线工具
  • 2017-08-06css3实现图片遮罩效果鼠标hover以后出现文字
  • 2017-08-06具有Float属性的元素依然居中
  • 2017-08-06浅谈css元素居中
  • 2017-08-06firefox中div重叠覆盖之前ul的两种解决方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • CSS中几种浏览器对不同版本的支持与区分写法
    • IE中奇怪的应用CSS的BUG分析
    • 纯CSS3实现的阴影效果
    • CSS默认可继承样式详解
    • 纯CSS写的选项卡效果
    • IE6 注释引起的文字溢出和浮动错位的解决思路
    • 解决360双核浏览器兼容模式的页面显示问题
    • 采用CSS定位属性实现Html中DIV层叠与悬浮
    • CSS样式编写的简明指南
    • 有利于SEO的DIV+CSS的命名规则小结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有