css伪类选择器（css伪类选择器可以分为哪几种）

css伪类选择器有哪些

nth-child（）：nth-child（n） 伪类选择器用于选择其父元素的第 n 个子元素。例如，：nth-child（2）将选择每个父元素的第二个子元素。：nth-of-type（）：nth-of-type（n）伪类选择器用于选择特定类型的子元素，而不是其兄弟元素。

在CSS1中，只有几个基本的伪类可用，如：link、visited、active和hover，它们主要用于改变链接的外观和行为。随着CSS的发展，CSS2引入了一些新的伪类，扩展了选择器的功能，使得开发者能够更精确地选择和控制元素。随后，CSS1和CSS3的发布进一步扩展了伪类的种类和功能。

伪类： ：active，将样式添加到被激活的元素。：focus，将样式添加到被选中的元素。：hover，当鼠标悬浮在元素上方是，向元素添加样式。：link，将特殊的样式添加到未被访问过的链接。：visited，将特殊的样式添加到被访问的链接。：first-child，将特殊的样式添加到元素的第一个子元素。

first-of-type p：first-of-type 选择属于其父元素的首个 元素的每个 元素。：last-of-type p：last-of-type 选择属于其父元素的最后 元素的每个 元素。：only-of-type p：only-of-type 选择属于其父元素唯一的 元素的每个 元素。

伪类选择器包括：link表示未访问的链接 ：visited表示已访问的链接 ：hover表示鼠标悬停的链接 ：active表示选定的链接 在 CSS 定义中，a：hover 必须被置于 a：link 和 a：visited 之后，才是有效的。在 CSS 定义中，a：active 必须被置于 a：hover 之后，才是有效的。伪类名称对大小写不敏感。

css伪元素选择器有哪些

hover，当鼠标悬浮在元素上方是，向元素添加样式。：link，将特殊的样式添加到未被访问过的链接。：visited，将特殊的样式添加到被访问的链接。：first-child，将特殊的样式添加到元素的第一个子元素。：lang，允许创作者来定义指定的元素中使用的语言。

hover是CSS伪类选择器，用于选取处于鼠标悬停状态的元素。当鼠标悬停在一个元素上时，可以通过：hover选择器来为该元素应用样式。因此，它们是不同的概念和用法。：before用于生成内容，而：hover用于选择处于悬停状态的元素。如果你想要为鼠标悬停状态的元素应用样式，你应该使用：hover伪类选择器。

伪类用于向某些选择器添加特殊的效果。伪元素用于将特殊的效果添加到某些选择器。

在css标签中有这样子的标签div：before、div：after，对于before、after来说有部分人是相当陌生的，那么这两个标签是什么呢？有什么用处？ ：befor、：after是CSS的伪元素，用CSS手册可以查询到其基本的用法：E：before 设置在对象前（依据对象树的逻辑结构）发生的内容。

CSS中常用的选择器：（一）基本选择器（二）层次选择器（三）动态伪类选择器（四）目标伪类选择器 （五）ui状态伪类选择器（六）结构伪类选择器（七）属性选择器（八）伪元素 （一）基本选择器 标签选择器：通过标签名获取元素 权重：0001 （此种选择器影响范围大，建议尽量应用在层级选择器中。

ID选择器（如：id=name，id=name_txt）。全局选择器（如：*号）。.组合选择器（如：.head .head_logo，注意两选择器用空格键分开）。.继承选择器（如：div p，注意两选择器用空格键分开）。

css伪类选择器怎么用

1、在CSS中，hover是一种伪类选择器，用于选择鼠标指针悬停在上面的元素，当用户将鼠标悬停在元素上时，可以使用hover`来应用一些样式变化。以下是一些常见的用法：改变鼠标悬停时的元素样式。例如，a：hover{color：red}，当鼠标悬停在链接上时，链接的颜色将变为红色。改变子元素样式。

2、CSS的伪类用于向某些选择器添加特殊的效果，最常用的便是向超链接中添加样式，如颜色，字体大小，粗细等。使用标签选择器同样可以设置超链接的样式，但是加入了伪类可以让超链接在操作过程中展示不同的效果。

3、visited - 已访问的链接。这个伪类选择器匹配所有被访问过的超链接。示例：a：visited { color： purple； } ：hover - 鼠标悬停在链接上。这个伪类选择器匹配当前鼠标悬停在上面的超链接。示例：a：hover { color： red； } ：active - 激活状态的链接。

4、、E：invalid伪类选择器用来指定，当元素内容不能通过HTML5通过使用的元素的诸如requirde等属性所指定的检查或元素内容不符合元素规定的格式时的样式。2）、E：valid伪类选择器用来指定，当元素内容能通过HTML5通过使用的元素的诸如requirde等属性所指定的检查或元素内容符合元素规定的格式时的样式。

5、伪类的使用是在选择器后添加伪类，如selector：pseudo-class{color：red}， selector.class：pseudo-class{color：red} 注：pseudo-class表示伪类，但并无此伪类，selector表示选择器。CSS的伪类还有其他几种：active向被激活的元素添加样式。：focus向拥有键盘输入焦点的元素添加样式。