结构伪类选择器和伪元素选择器

结构伪类选择器

作用:根据标签的结构关系来查找元素

查找第一个E元素,E.first-child

查找最后一个E元素,E.last-child

查第n个元素,E.nth-child(n),

根据元素的结构关系查找多个元素,

:nth-child(公式)

奇数 2n+1,偶数2n,五以后的数字n+5,五之前的数字 -n+5,五的倍数5n

伪元素选择器

作用:创建虚拟元素(伪元素),用来摆放装饰性的内容

E::before,在E元素里面选择的最前面加上一个伪元素

E::after,在E元素里面选择的最后面加上一个伪元素

注意点:

必须设置comtent:"   "属性,用来设置伪元素的内容,如果没有内容,则引号留空即可

伪元素默认是行内显示模式,

权重和标签选择器相同

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值