伪类选择器有哪些 伪类选择器的使用方法

大家好，关于伪类选择器有哪些很多朋友都还不太明白，今天小编就来为大家分享关于伪类选择器的使用方法的知识，希望对各位有所帮助！

html 5 的CSS3新增的伪类选择器还包括哪些

:first-of-type p:first-of-type选择属于其父元素的首个<p>元素的每个<p>元素。

:last-of-type p:last-of-type选择属于其父元素的最后<p>元素的每个<p>元素。

:only-of-type p:only-of-type选择属于其父元素唯一的<p>元素的每个<p>元素。

:only-child p:only-child选择属于其父元素的唯一子元素的每个<p>元素。

:nth-child(n) p:nth-child(2)选择属于其父元素的第二个子元素的每个<p>元素。

:nth-last-child(n) p:nth-last-child(2)同上，从最后一个子元素开始计数。

:nth-of-type(n) p:nth-of-type(2)选择属于其父元素第二个<p>元素的每个<p>元素。

:nth-last-of-type(n) p:nth-last-of-type(2)同上，但是从最后一个子元素开始计数。

:last-child p:last-child选择属于其父元素最后一个子元素每个<p>元素。

:root:root选择文档的根元素。

:empty p:empty选择没有子元素的每个<p>元素（包括文本节点）。

:target#news:target选择当前活动的#news元素。

:enabled input:enabled选择每个启用的<input>元素。

:disabled input:disabled选择每个禁用的<input>元素

:checked input:checked选择每个被选中的<input>元素。

:not(selector):not(p)选择非<p>元素的每个元素。

::selection::selection选择被用户选取的元素部分。

css选择器有哪些

1、类别选择器

2、标签选择器

3、ID选择器

4、后代选择器

5、子选择器

6、伪类选择器

7、通用选择器

8、群组选择器

9、相邻同胞选择器

10、属性选择器

扩展资料：

一个完整的HTML页面是有很多不同的标签组成，而标签选择器，则是决定哪些标签采用相应的CSS样式，(在大环境中你可能处于不同的位置，

但是不管怎么样，你总是穿着同一套衣服，这件衣服就是由标签选择器事先给你限定好的，不管走到哪里都是这身衣服)比如，在style.css文件中对p标签样式的声明

参考资料百度百科-css选择器

伪类(伪类选择器)

a标签有4种伪类（即对应四种状态），要求背诵。如下：

记住，在css中，这四种状态必须按照固定的顺序写：

a:link、a:visited、a:hover、a:active

如果不按照顺序，那么将失效。“爱恨准则”：love hate。必须先爱，后恨。

问：既然 a{}定义了超链的属性，和 a:link{}定义了超链点击之前的属性，那这两个有啥区别呢？

答：

a{}和 a:link{}的区别:

a{}定义的样式针对所有的超链接(包括锚点)

a:link{}定义的样式针对所有写了href属性的超链接(不包括锚点)

如果同时需要，我们一定要将a标签写在前面，将:link、:visited、:hover、:active这些伪类写在后面。

a:link和 a:visited一起定义时，如果整个浏览器的访问历史中，有网址的访问记录，则会取 a:visited定义的样式，否则取 a:link，比如浏览器中访问过www.baidu.com（可以不在本页面中访问过），则一出来就会是 a:visited的样式

a:link和 a:visited样式相同时，可以只定义a元素选择器的样式

和

效果一样

我们在第一段中描述过，下面这三种动态伪类，针对所有标签都适用。

我们不妨来举下例子。

举例1：

利用这个 hover属性，我们同样对表格做一个样式的设置：

表格举例：

OK，本文到此结束，希望对大家有所帮助。