CSS特性

三大特性:层叠性、继承性、优先级

1.1 继承性

  • 特性:子元素有默认继承父元素样式的特点(子承父业)
  • 好处:可以在一定程度上减少代码
  • 可以继承的常见属性(文字控制属性都可以继承)
  1. color
  2. font-style、font-weight、font-size、font-family
  3. text-indent、text-align
  4. line-height
  5. ……
  • 继承失效的特殊情况
  1. a标签的color会继承失效
  2. h系列标签的font-size会继承失效

1.2 层叠性

  • 特性
  1. 给同一个标签设置不同的样式→此时样式会层叠叠加→会共同作用在标签上
  2. 给同一个标签设置相同样式→此时样式会层叠覆盖→最终写在最后的样式会生效
  3. 注意点:当样式冲突时,只有当选择器优先级相同时,才能通过层叠性判断结果

1.3 优先级

a) 在同一个元素中 !important>style行内>id选择器>类名选择器>标签选择器>通配符选择器

b) 本身选择器的样式>继承过来的样式

c)!important写在属性值的后面,分号的前面

d)!important不能提升继承的优先级,只要是继承优先级最低

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA54ix5o6J5aS05Y-R55qELeWwj3lpbg==,size_20,color_FFFFFF,t_70,g_se,x_16

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值