css选择器有哪些?优先级?哪些属性可以继承?

CSS选择器按照匹配方式分为以下几类:

  1. 元素选择器(selector):pdivh1 等;
  2. 类选择器(class selector):.class,例如 .red 等;
  3. ID 选择器(id selector): #id,例如 #header
  4. 属性选择器(attribute selector):通过元素的属性选择元素,例如 [src]
  5. 伪类选择器(pseudo-class selector):作用于特定状态下的选择器,如链接的状态,hover 状态,如 :hover, :active 等;
  6. 子元素选择器(child selector):选择某个父元素下作为子元素的元素,用 > 表示,如 ul > li 选择所有父元素为 ul 的直接子元素 li
  7. 后代元素选择器(descendant selector):选择某个元素内部的所有目标子元素,用空格表示,如 ul li 选择所有在 ul 标签内的 li
  8. 相邻兄弟选择器(adjacent sibling selector):选择紧接着某个元素后面的第一个兄弟元素,用 + 表示,如 h2 + p
  9. 通用选择器(universal selector):用 * 来表示,选择页面中所有元素。

CSS属性继承性规则如下:

  1. 所有元素都有继承属性。如 font-size,color 等;
  2. 如果父元素的属性和子元素的属性发生冲突,则以子元素的属性为准;
  3. 关于优先级规则:!important > 行内样式 > ID选择器 > 类选择器、伪类选择器、属性选择器 > 元素选择器、伪元素选择器 > *
  4. 选择器的权重可通过以下规则计算:ID选择器的个数 * 100 + 类/属性/伪类选择器的个数 * 10 + 元素选择器/伪元素选择器的个数 * 1。其中,通配符选择器是没有权重值的。

总体上,CSS选择器可以灵活应用于HTML标记,通过css属性来装饰网页页面,并且继承性的存在可以进一步减少代码冗长度。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晚时之秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值