其他分享
首页 > 其他分享> > css伪类选择器汇总

css伪类选择器汇总

作者:互联网

俺把俺的学习笔记都以文章的形式分享出来啦,点开主页查看更多文章哦~

若有问题请留言或私信!

nth-child()        同级第n个且为某元素的元素
nth-last-child()  同级倒数第n个且为某元素的元素
first-child          同级第一且为某元素的元素
last-child          同级最后且为某元素的元素
only-child         同级下只有某元素的元素

nth-of-type()      同级某元素的第n个
nth-last-of-type  同级某元素的倒数第n个
first-of-type        同级某元素的第一个
last-of-type        同级某元素的最后一个
only-of-type       同级下某元素只有一个的元素

----------------------------------------------------------------------

first-letter  选中指定元素的第一个汉字或字母(若最前面是字符则包含字符)
first-line    选中指定元素的第一行
lang()        选中lang属性值等于参数值的元素

----------------------------------------------------------------------

:not()   除了括号内的选择器选中之外的任何元素
:root    选择根元素即html元素
:target  a标签锚到达的目标元素

----------------------------------------------------------------------

input 输入框

disabled  enabled    选中不可用/可用的输入框

in-range          type=number类型输入框value在指定范围内被选中
out-of-rang     type=number类型输入框value不在指定范围内被选中

invalid   输入的值不符合type的类型
valid      输入的值符合type的类型

optional  没设置required属性的输入框
required  设置了required属性的输入框

read-only  选择设置了readonly的输入框
read-write 选择没设置readonly的输入框

focus        选择获取焦点的输入框

----------------------------------------------------------------------

a 超链接


link        未访问
visited     访问过
hover       鼠标悬停
active      按住时

标签:同级,伪类,元素,输入框,选中,child,type,选择器,css
来源: https://blog.csdn.net/weixin_44607531/article/details/113916481