CSS样式学习2

!important 声明最高

标签选择器优先级:id选择器优先级>class优先级>标签选择器

1.权值相同

同一元素引用多个class定义的样式,根据定义方法前后顺序来确定最终结果(就近原则)

2.权值不同 权值越高引用优先级越高 权值相同就采用就近原则

标签选择器:权值为1

类选择器和伪类:权值为10

ID选择器:权值为100

通配符选择器:权值为0

行内样式:权值为1000

权值规则

统计不同选择器的个数,每类选择器的个数乘以相应权值,把所有值相加得出选择器的权值

#main div.warning h2{...}

选择器个数: id:1  class1 标签:2

权值:100 + 10 + 2 = 112

id 不要滥用,谨慎使用,应该适当使用class

css命名


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,281评论 19 139
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 11,312评论 6 13
  • 据说,奶奶年轻的时候就是干活的能手,家务活、地里的活、刺绣、算账、做衣服、……是个实打实的全能型选手! 从我记事开...
    OQ熊阅读 214评论 0 0
  • 今天在诊所里看着微信群里一条条滚动的任务,不是摇头的无奈,也不是断然的拒绝,借忍受不了的那咳嗽,让自己的...
    春诵夏弦阅读 330评论 0 0
  • 二十几岁的时候就读过这本书,那时年纪小,只知道看情节,只记得其中的爱情故事好看,至于文字里面流淌出的情感并没有领会...
    七月紫苏阅读 471评论 0 0