易坊好文馆

  1. 首页 > 生活百科 >

什么是伪类和伪元素 冒号

https://juejin.im/post/5df1e312f265da33d039d06d?utm_source=bigezhang.com#comment

什么是伪类和伪元素 冒号

文章插图
伪类
【什么是伪类和伪元素 冒号】伪类存在的意义是为了通过选择器找到那些不存在DOM树中的信息以及不能被常规CSS选择器获取到的信息 。
获取不存在与DOM树中的信息 。比如a标签的:link、:visited等，这些信息不存在与DOM树结构中，只能通过CSS选择器来获取；获取不能被常规CSS选择器获取的信息 。比如：要获取第一个子元素，我们无法用常规的CSS选择器获取，但可以通过 :first-child 来获取到 。
什么是伪类和伪元素 冒号

文章插图
伪元素
伪元素用于创建一些不在文档树中的元素，并为其添加样式 。比如说，我们可以通过:before来在一个元素前增加一些文本，并为这些文本添加样式 。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中 。常见的伪元素有：::before，::after，::first-line，::first-letter，::selection、::placeholder等
因此，伪类与伪元素的区别在于：有没有创建一个文档树之外的元素 。
::after和:after的区别
在实际的开发工作中，我们会看到有人把伪元素写成:after，这实际是 CSS2 与 CSS3新旧标准的规定不同而导致的 。
CSS2 中的伪元素使用1个冒号，在 CSS3 中，为了区分伪类和伪元素，规定伪元素使用2个冒号 。所以，对于 CSS2 标准的老伪元素，比如:first-line，:first-letter，:before，:after，写一个冒号浏览器也能识别，但对于 CSS3 标准的新伪元素，比如::selection，就必须写2个冒号了 。

    推荐阅读


    上一篇：如何巧洗羽绒服

    下一篇：求海贼王最强之敌Z插曲大海的指引mp3 终わりの世界から