New issue

Jump to bottom

[css] 第121天请举例说明伪元素 (pseudo-elements) 有哪些用途？ #1066

Open

haizhilin2013 opened this issue Aug 14, 2019 · 4 comments

Labels

css

Collaborator

haizhilin2013 commented Aug 14, 2019

第121天请举例说明伪元素 (pseudo-elements) 有哪些用途？

haizhilin2013 added the css label

Contributor

xiangshuo1992 commented Aug 15, 2019

作为实际DOM元素使用
作为一些视觉装饰性的元素使用

LinStan commented Aug 15, 2019

可以用于给元素添加伪元素来调整布局。
可以添加伪元素，通过content添加内容

forever-z-133 commented Aug 16, 2019

可以不用再多写一个 dom
可以用 content 搭配出很多效果

例子：

固定尺寸 2:1 的容器
文本前后增加 icon 或图片
使用 data-* 和 content: attr(data-*) 搭配
使用 :hover 和 content 搭配出很多效果
作为修饰元素
使用 content: counter() 玩有序数字
参与 inline-block 垂直居中

nowherebutup commented Oct 17, 2019

我经常用于装饰性的元素,不用再多写一个其他元素

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment