CSS中伪类和伪元素的区别

PHPz
发布: 2023-08-27 09:33:02
转载
909 人浏览过

伪类

伪类表示选择器的状态,如:hover、:active、:last-child等。它们以一个冒号(:)开头。

CSS伪类的语法如下 -

:pseudo-class{ attribute: /*value*/ }
登录后复制

伪元素

同样,伪元素用于选择虚拟元素,如::after、::before、::first-line等。

这些以双冒号(::)开头。

CSS伪元素的语法如下 -

::pseudo-element{ attribute: /*value*/ }
登录后复制

示例

以下示例说明了 CSS 伪类和伪元素属性。

现场演示

    

You're somebody else

Dummy link 1 Dummy link 2
登录后复制

输出

这将产生以下结果 -

CSS中伪类和伪元素的区别

示例

现场演示

    

Anymore Snare?

Donec in semper diam. Morbi sollicitudin sed eros nec elementum. Praesent eget nisl vitaeneque consectetur tincidunt. Ut molestie vulputate sem, nec convallis odio molestie nec.

Hit

Pop

登录后复制

输出

这将产生以下结果 -

CSS中伪类和伪元素的区别

以上是CSS中伪类和伪元素的区别的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!