首页 > 试题广场 >

给出伪元素(::before, ::after)的几种使用场

[问答题]

给出伪元素(::before, ::after)的几种使用场景？

Xiaolony

1.清除浮动时

2.利用attr()来实现某些动态功能时

3.与counter()结合实现序号问题，而不用使用列表元素

4.实现各种特效

发表于 2017-02-21 20:18:33 回复(0)

最最可爱的💕

1：[String] - 使用引号包括一段字符串，将会向元素内容中添加字符串

2：attr() – 调用当前元素的属性，可以方便的比如将图片的 Alt 提示文字或者链接的 Href 地址显示出来。

3：url() / uri() – 用于引用媒体文件。

4：counter() – 调用计数器，可以不使用列表元素实现序号功能。

5:清除浮动.clear-fix { *overflow: hidden; *zoom: 1; } .clear-fix:after { display: table; content: ""; width: 0; clear: both; }

发表于 2017-10-23 10:27:44 回复(0)

牛客9033596号

a:after { content: "↗"; }

a:after { content:"(" attr(href) ")"; }

h1::before { content: url(logo.png); }

h2:before { counter-increment: chapter; content: "Chapter " counter(chapter) ". " }

发表于 2017-08-23 15:01:01 回复(0)

提交观点

问题信息

2017 前端工程师挖财 HTML

来自：挖财2017校招前端工...

上传者：牛100

难度：

3条回答 90收藏 4204浏览

扫一扫，把题目装进口袋