房子装修工程师CSS(九)伪类选择器

本文详细介绍了CSS中特定类型选择器的功能与应用,包括first-of-type、last-of-type、only-of-type、nth-of-type、nth-last-of-type、empty、checked、enabled、disabled、read-only及read-write等,帮助读者理解如何精准定位页面元素。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(九)E:first-of-type

意思是,在父元素下面寻找 第一个所匹配的子元素。 下面的ul  和li,在ul 里面找到第一个li

(十)E:last-of-type

在有父元素的里面找最后一个 E 跟上面的选择器一样, 他选的是第一个, 这个选的是最后一个

(十一)E:only-of-type

匹配父元素的所有子元素中唯一的那个子元素

 

(十二)E:nth-of-type(n)

匹配父元素的第n个子元素,跟 E:nth-child(n)  差不多。 不过 nth-child 会受到其他元素影响, 而nth-of-type 不会 怎么回事的,看下面例子

(十三)E:nth-of-last-type(n) 

跟 E:nth-of-type(n) 相反的, E:nth-of-type(n)是按照 第一个开始查,  这个是按照倒数第一位查

(十四)E:empty

匹配里面没有任何东西的元素。也就是说,你选择的那个元素,里面不要有东西才可以选中。

(十五)E:checked

匹配用户界面上处于选中状态的元素E。(用于input type为radio与checkbox时)

(十六)E:enabled  和  E:disabled

用于选择 input的 正常状态,和  不可操作状态。 没设置disabled 属性的 input  就是正常状态

(十七)E:read-only  E:read-write

readonly 呢 是input 标签上的属性, 设置了这个属性后,就是不可以填写,也不可以操作

E:read-write:也就是选中没有设置readonly。用处不大

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值