css3伪类(css3伪类是什么)

大家好，关于css3伪类很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于css3伪类是什么的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！

如何使用 CSS3 伪类

你说的是css3伪类选择器吗?

E:link CSS1设置超链接a在未被访问前的样式。

E:visited CSS1设置超链接a在其链接地址已被访问过时的样式。

E:hover CSS1/2设置元素在其鼠标悬停时的样式。

E:active CSS1/2设置元素在被用户激活（在鼠标点击与释放之间发生的事件）时的样式。

E:focus CSS1/2设置元素在成为输入焦点（该元素的onfocus事件发生）时的样式。

E:lang(fr) CSS2匹配使用特殊语言的E元素。

E:not(s) CSS3匹配不含有s选择符的元素E。

E:root CSS3匹配E元素在文档的根元素。

E:first-child CSS2匹配父元素的第一个子元素E。

E:last-child CSS3匹配父元素的最后一个子元素E。

E:only-child CSS3匹配父元素仅有的一个子元素E。

E:nth-child(n) CSS3匹配父元素的第n个子元素E。

E:nth-last-child(n) CSS3匹配父元素的倒数第n个子元素E。

E:first-of-type CSS3匹配同类型中的第一个同级兄弟元素E。

E:last-of-type CSS3匹配同类型中的最后一个同级兄弟元素E。

E:only-of-type CSS3匹配同类型中的唯一的一个同级兄弟元素E。

E:nth-of-type(n) CSS3匹配同类型中的第n个同级兄弟元素E。

E:nth-last-of-type(n) CSS3匹配同类型中的倒数第n个同级兄弟元素E。

E:empty CSS3匹配没有任何子元素（包括text节点）的元素E。

E:checked CSS3匹配用户界面上处于选中状态的元素E。(用于input type为radio与checkbox时)

E:enabled CSS3匹配用户界面上处于可用状态的元素E。

E:disabled CSS3匹配用户界面上处于禁用状态的元素E。

E:target CSS3匹配相关URL指向的E元素。

@page:first CSS2设置页面容器第一页使用的样式。仅用于@page规则

@page:left CSS2设置页面容器位于装订线左边的所有页面使用的样式。仅用于@page规则

@page:right CSS2设置页面容器位于装订线右边的所有页面使用的样式。仅用于@page规则

css伪元素和伪类的区别

简单的来说，伪类是针对CSS，而伪元素是针对HTML，伪类选择器是CSS选择器的一种，而伪类是“假”的HTML标签

伪类（选择器）本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；

伪元素本质上是创建了一个有内容的虚拟容器；

在CSS3中，伪类和伪元素的语法得到了进一步的调整（一个冒号和两个冒号）；

在开发当中，可以同时使用多个伪类，而只能同时使用一个伪元素。

css中的伪类和类的区别是什么

这是两个完全不同的概念，只是名字类似。

类是class的意思，你给一个元素添加了class，就是给这个元素添加了一个类。之所以这样称呼，是因为class可以重复利用。比如你给一个ul下的奇数的li加了一个odd的class名称，给偶数的li加了一个even的class，然后一个给红色背景，一个给蓝色背景，这样，明显就把li分成了两类。甚至一个网页、一个网站都可以出现一个class通用的情况。

伪类是：也可以用来区分元素，但是都是按顺序来的。写法是前面有个冒号。比如css3的first-child、last-child等，这个都是新版本的css才有的，低版本的IE是不能用的，如IE8。

总结一下：类其实就是给某个或者某些元素起一个名字，进而控制这个或者这个元素；伪类是按顺序来选择某些元素的，这个结果是动态的，比如第一个，最后一个，奇数行什么的。另外，因为伪类是添加在元素后面的，而类就是选择元素用的，所以类后面可以跟伪类进行使用的，这就更高级了。

另外，伪类还有一些特殊的，比如a标签的四个伪类，还有::after和::before（这两个的用法简直神奇，这俩货简直就是神器）。这些参考这个网站吧。

好了，文章到此结束，希望可以帮助到大家。