CSS新手入门笔记整理:CSS3选择器表

发布时间:2023年12月28日

属性选择器

选择器

说明

E[attr^="xxx"]

选择元素E,其中E元素的attr属性是以xxX开头的任何字符

E[attr$="xxx”]

选择元素E,其中E元素的attr属性是以xxX结尾的任何字符

E[attr*="xxx"]

选择元素E,其中E元素的attr属性是包含xXX的任何字符

子元素伪类选择器

选择器

说明

E:first-child

选择父元素下的第一个子元素(该子元素类型为E,以下类同)

E:last-child

选择父元素下的最后一个子元素

E:nth-child(n)

选择父元素下的第n个子元素或奇偶元素,n取值有3种:数字、odd(奇数列)和even(偶数列),其中n从1开始。

E:only-child

选择父元素下唯一的子元素,该父元素只有一个子元素

E:first-of-type

选择父元素下的第一个E类型的子元素

E:last-of-type

选择父元素下的最后一个E类型的子元素

E:nth-of-type(n)

选择父元素下的第n个E类型的子元素或奇偶元素,n取值有3种数字、odd(奇数列)和even(偶数列),n从1开始

E:only-of-type

选择父元素下唯一的E类型的子元素,该父元素可以有多个子元素

UI伪类选择器

选择器

说明

:focus

定义元素获取焦点时使用的样式。

::selection

定义页面中被选中文本的样式。

:checked

定义页面中被选中文本的样式。

:enabled

定义表单元素“可用”时的样式

:disabled

定义表单元素“禁用”时的样式

:read-write

定义表单元素“可读写”时的样式

:read-only

定义表单元素“只读”时的样式

:root

选择HTML页面的根元素<html></html>。

:empty

选择一个“不包含任何子元素和内容”的元素即空元素。

:target

选取页面中的某一个target元素。target元素指的是id被当成页面的锚点链接来使用的元素。

:not()

选取某一个元素之外的所有元素。


文章来源:https://blog.csdn.net/weixin_55576134/article/details/135236917
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。