CSS选择器中功能最强大的莫过于伪类
应用场景
学校网络实验课程有互评题部分,这部分是同学们互相评价答案对错。
大家当然都是互相打对勾了。 一个HTML页面,有100题,每道题都需要勾选“正确”,“错误”,“部分正确”三个选项,我想F12以下,写一个js语句一下子选中全部正确的单选框。 :not(selector)$("input :not([type=text])")
:contains(text) $("input:contains('正确')")
组合起来 $("input:contains('正确'):not(contains('部分正确'))") 其它CSS伪类选择器
type | child |
---|---|
:first-of-type | :first-child |
:last-of-type | :last-child |
:only-of-type | :only-child |
:nth-of-type(n) | :nth-child(n) |
:nth-last-of-type(n) | :nth-last-child(n) |