星空网 > 软件开发 > 网页设计

CSS继承

前面的话

  层叠样式表中最基本的一方面是层叠——冲突的声明通过层叠过程排序,并由此确定最终的文档表示,这个过程的核心是选择器及其相关声明的特殊性,以及继承机制。

 

特殊性

  选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分:

【1】内联样式 -> 1,0,0,0
【2】ID属性值 -> 0,1,0,0
【3】类属性值、属性选择或伪类 -> 0,0,1,0
【4】元素或伪元素 -> 0,0,0,1
【5】结合符和通配选择器 -> 0,0,0,0

h1{} -> 0,0,0,1p em{} -> 0,0,0,2.grape{} -> 0,0,1,0*.bright{} -> 0,0,1,0p.bright em.dark{} -> 0,0,2,2#id121{} -> 0,1,0,0div#side *[href]{} -> 0,1,1,1

 

重要性

  重要声明:在声明的结束分号之前插入!important来标志

 

继承

  继承是从一个元素向其后代元素传递属性值所采用的机制。基于继承机制,样式不仅可以应用到指定的元素,还会应用到它的后代元素。继承的属性没有特殊性。
  [注意1]在HTML中,应用到body元素的背景样式可以传递到html元素
  [注意2]<a>标签不会继承父元素的文本样式

 

层叠

【1】按来源及重要性排序。读者!important > 创作人员!important > 创作人员 > 读者 > 用户代理
【2】按特殊性排序
【3】按出现顺序排序,一个声明在样式表或文档中越后出现,权重越大




原标题:CSS继承

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

怎样做好物流企业的网站建设,几大要点需注意:https://www.goluckyvip.com/news/31.html
干货 | Shopee 的Paid Ads关键字广告的高阶玩法:https://www.goluckyvip.com/news/310.html
北京疫情最新消息:两大机场45%航班取消,各地海关支援国际物流畅通:https://www.goluckyvip.com/news/3100.html
亚马逊被爆多个仓库爆仓,入仓慢,上架更慢...:https://www.goluckyvip.com/news/3101.html
广州海关:进出口食品通关政策及细则:https://www.goluckyvip.com/news/3102.html
亚马逊被爆多个仓库爆仓,上架缓慢慢:https://www.goluckyvip.com/news/3103.html
深圳有没有比较好玩的景点 深圳有没有比较好玩的景点推荐一下:https://www.vstour.cn/a/366175.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流