博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
结构和级联(CSS终极指南随笔)
阅读量:6148 次
发布时间:2019-06-21

本文共 605 字,大约阅读时间需要 2 分钟。

CSS的核心就是级联,

  级联+继承+特征值解决了CSS样式的冲突问题,决定了页面的最终呈现。

  特征值:

  标签值 0001

  属性、类、伪类 0010

  id,伪元素 0100

  行内样式1000

  后代选择器没有特征值。

  继承:  

  有些可以继承,有些不继承(border,box模型的 margin,padding等属性)

  文字颜色可以继承。继承的特征值为0

  important的优先级最高。

  样式的决定流程:

  1,important排序,根据源排序,用户样式表,浏览器样式表

  2,根据特征值

  3,根据出现先后

  import和link方式的优先级根据顺序。

  style的优先级也是和important和link出现的优先级有关系。(以前一直以为style高一点)

   案例 :link:visitied:hover:active    对比。

 

http://www.w3.org/TR/CSS21/cascade.html#inheritance

http://www.w3.org/TR/CSS21/cascade.html#cascade

http://www.w3.org/TR/CSS21/cascade.html#specificity

转载于:https://www.cnblogs.com/diaoxiong/p/5524028.html

你可能感兴趣的文章
Linux文件权限管理
查看>>
魔兽世界私服Trinity,从源码开始
查看>>
Three.js / DOC (一) 创建一个场景
查看>>
zabbix使用LDAP认证
查看>>
服务器性能优化
查看>>
C#中yield用法
查看>>
viewport Meta Tag
查看>>
nginx日志文件删除后空间不能释放,必须重启服务才能释放空间
查看>>
物联网技术的发展方向
查看>>
Lua4.0 内存分配
查看>>
Java程序员从笨鸟到菜鸟之(三)面向对象之封装,继承,多态(下)
查看>>
Linux修改ssh默认端口
查看>>
MDT2010学习(九),部署Win7 x86 企业版
查看>>
Ajax
查看>>
mysql链接不上错误
查看>>
翻转二叉树
查看>>
nginx模块开发学习
查看>>
我的友情链接
查看>>
使用rsync备份系统快照
查看>>
Python登录验证小程序脚本
查看>>