(九)E:first-of-type

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

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

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

(十)E:last-of-type

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

(十一)E:only-of-type

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

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

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

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

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

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

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

(十四)E:empty

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

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

(十五)E:checked

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

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

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

(十六)E:enabled  和  E:disabled

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

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

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

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

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

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

相关文章:

  • 2022-02-04
  • 2021-11-13
  • 2022-02-08
  • 2021-08-13
  • 2021-05-05
  • 2022-12-23
  • 2021-12-06
猜你喜欢
  • 2021-07-07
  • 2021-11-30
  • 2022-01-06
  • 2021-07-16
  • 2021-07-10
  • 2022-12-23
相关资源
相似解决方案