:active
:active伪类用于定义鼠标点击元素时的样式。可以使用它来给按钮、链接等元素添加点击效果。
:focus
:focus伪类用于定义获取焦点时的样式。可以使用它来定义输入框、文本域等需要用户输入的元素的样式。
:hover
:hover伪类用于定义鼠标悬停时的样式。可以使用它来给按钮、链接等元素添加悬停效果。
:link
:link伪类用于定义未访问链接的样式。
:visited
:visited伪类用于定义访问过的链接的样式。请注意,出于隐私原因,只允许更改诸如颜色之类的属性,而不允许更改布局等属性。
:first-child
:first-child伪类用于匹配元素中的第一个子元素。可以使用它来给列表的第一个元素添加样式。
:last-child
:last-child伪类用于匹配元素中的最后一个子元素。可以使用它来给列表的最后一个元素添加样式。
:nth-child
:nth-child伪类允许您根据子元素的索引来选择元素。例如,您可以使用:nth-child(2n+1)选择所有奇数行,或者使用:nth-child(3n)选择所有索引为3的倍数的元素。
:nth-last-child
:nth-last-child伪类与:nth-child相似,但它从元素的末尾开始计数子元素。
:first-of-type
:first-of-type伪类用于匹配元素中的第一个指定类型的子元素。可以使用它来给段落、表格等元素的第一个子元素添加样式。
:last-of-type
:last-of-type伪类用于匹配元素中的最后一个指定类型的子元素。可以使用它来给段落、表格等元素的最后一个子元素添加样式。
:nth-of-type
:nth-of-type伪类与:nth-child类似,但它只选择与指定类型匹配的子元素。例如,您可以使用:nth-of-type(2n+1)选择所有奇数行中的段落元素。
:nth-last-of-type
:nth-last-of-type伪类与:nth-of-type相似,但它从元素的末尾开始计数子元素。
:only-child
:only-child伪类用于匹配元素中仅有的一个子元素。可以使用它来给只有一个子元素的元素添加样式。
:only-of-type
:only-of-type伪类用于匹配元素中仅有的一个指定类型的子元素。可以使用它来给只有一个段落、表格等元素的元素添加样式。
::before
::before伪元素用于在元素的内容前插入内容。
::after
::after伪元素用于在元素的内容后插入内容。
::first-letter
::first-letter伪元素用于选择元素中的第一个字母,并可用于为此字母定义样式。可以对段落、标题等元素的首字母应用样式。
::first-line
::first-line伪元素用于选择元素中的第一行,并可用于为此行定义样式。可以对段落、标题等元素的第一行应用样式。
这是CSS中所有的伪类和伪元素。学会使用它们,可以使CSS样式更加灵活和可定制。