什么是伪类和伪元素？伪类和伪元素的区另外区别详解

本篇文章给大家带来的内容是关于什么是伪类和伪元素？伪类和伪元素的不同的不同详解，有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

1、伪类品种

2、伪元素品种

（1）伪类作用对象是整个元素

例如：

a:link
{color:#111}
a:hover
{color:#222}
div:first-child
{color:#333}
div:nth-child（3）
{color:#444}

尽管这些前提不是基于DOM的，但结果每一个都是作用于一个完全的元素，比方整个链接，段落，div等等。

（2）伪元素作用于元素的一部分

p::first-line
{color:#555}
p::first-letter
{color:#666}
a::before
{content : "hello
world";}

（3）伪元素作用于元素的一部分：一个段落的第一行或者第一个字母。

总结：伪元素其实相当于捏造了一个元素，例如before,first-letter到达的结果就是捏造了一个元素，然后增加了其响应的结果罢了；而伪类没有捏造元素，例如first-child只是给子元素增加样式罢了。

伪元素和伪类之所以这么容易混淆，是由于他们的结果相似并且写法相仿，但实际上 css3 为了区分两者，已经明白规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

但由于兼容性的问题，所以此刻大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应当尽大概养成好习惯，区分两者。

以上就是对什么是伪类和伪元素？伪类和伪元素的不同的不同详解的全部介绍，但愿大家可以有所收成，更多HTML视频教程请关注PHP中文网。

以上就是啥是伪类和伪元素？伪类和伪元素的不同的不同详解的具体内容，更多请关注百分百源码网其它相关文章！