选择器例子例子描述 :active a:active 匹配被点击的链接 :checked input:checked 匹配处于选中状态的 元素 :disabled input:disabled 匹配每个被禁用的 元素 :empty p:empty 匹配任何没有子元素的元素 :enabled input:enabled 匹配每个已启用的 元素 :first-child p:first-child 匹配父元素中的第一个子元素
,
必须是父元素中的第一个子元素 :first-of-type p:first-of-type 匹配父元素中的第一个
元素 :focus input:focus 匹配获得焦点的 元素 :hover a:hover 匹配鼠标悬停其上的元素 :in-range input:in-range 匹配具有指定取值范围的 元素 :invalid input:invalid 匹配所有具有无效值的 元素 :lang(language) p:lang(it) 匹配每个 lang 属性值以 "it" 开头的
元素 :last-child p:last-child 匹配父元素中的最后一个子元素
,
必须是父元素中的最后一个子元素 :last-of-type p:last-of-type 匹配父元素中的最后一个
元素 :link a:link 匹配所有未被访问的链接 :not(selector) :not(p) 匹配每个非
元素的元素 :nth-child(n) p:nth-child(2) 匹配父元素中的第二个子元素
:nth-last-child(n) p:nth-last-child(2) 匹配父元素的倒数第二个子元素
:nth-last-of-type(n) p:nth-last-of-type(2) 匹配父元素的倒数第二个子元素
:nth-of-type(n) p:nth-of-type(2) 匹配父元素的第二个子元素
:only-of-type p:only-of-type 匹配父元素中唯一的
元素 :only-child p:only-child 匹配父元素中唯一的子元素
:optional input:optional 匹配不带 "required" 属性的 元素 :out-of-range input:out-of-range 匹配值在指定范围之外的 元素 :read-only input:read-only 匹配指定了 "readonly" 属性的 元素 :read-write input:read-write 匹配不带 "readonly" 属性的 元素 :required input:required 匹配指定了 "required" 属性的 元素 :root root 匹配元素的根元素,在 HTML 中,根元素永远是 HTML :target #news:target 匹配当前活动的 #news 元素(单击包含该锚名称的 URL) :valid input:valid 匹配所有具有有效值的 元素 :visited a:visited 匹配所有已经访问过的链接 到此这篇伪类选择器用法(伪类选择器有哪几个属性)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/bcyy/51673.html