css中伪类选择器

动态伪类选择器

hover 选择鼠标悬停在上面的元素
visited选择地址被访问过的超链接元素
focus 选择获取焦点的元素
active 选择鼠标在上面并且按键按下不松开的元素
link 选址地址没有被访问过的超链接元素

结构伪类选择器

first-child 所有兄弟元素中的第一个
last-child 所有元素中的最后一个
nth-child(n) 所有兄弟元素中的第n个,n是数字
nth-last-child(n)所有兄弟元素中倒数第n个,n是数字
only-child 没有兄弟元素的元素
first-of-type 所有兄弟元素中同类型的第一个
last-of-type 所有兄弟元素中同类型的最后一个
nth-of-type(n) 所有兄弟元素中同类型的第n个
nth-last-of-type(n) 所有兄弟元素中同类型的倒数第n个

标题否定为类选择器

not()排除满足小括号中的选择器

语言伪类选择器

lang() 根据语言选择元素(lang的属性值)

目的伪类选择器

target 选择当前锚点指向的元素

伪类元素选择器

first-letter 选择元素中第一个字母
first-line 选择元素中第一行
after 给元素动态创建最后一个之元素
before 给元素动态创建第一个子元素

选择器的优先级

ID选择器>类选择器>后续选择器>子元素选择器>伪类选择器

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值