Rumah > hujung hadapan web > tutorial css > 伪元素“::after”和“::before”的作用分别是什么

伪元素“::after”和“::before”的作用分别是什么

王林
Lepaskan: 2020-07-11 17:17:36
ke hadapan
4104 orang telah melayarinya

伪元素“::after”和“::before”的作用分别是什么

:before 和 :after 这两个伪元素,是在CSS2.1里新出现的。

(推荐教程:css快速入门

起初,伪元素的前缀使用的是单冒号语法,但随着Web的进化,在CSS3的规范里,单冒号表示伪类,伪元素的语法被修改成使用双冒号,成为::before ::after。伪元素并不存在与dom中,只存在于页面之中。

作用:

::after用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。

Atas ialah kandungan terperinci 伪元素“::after”和“::before”的作用分别是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:cnblogs.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan