我正在使用 content-editable 编写一个 HTML 编辑器,我想在以 <br>
结尾的每一行的末尾用一个特殊字符(“↩”)指示换行符(<br>
) .因此我想添加一个伪元素 ::after
该字符为 content
.
br::after { content: ' ↩'; }
不幸的是,这不起作用。 ::before
也不起作用。
是否有另一种可能达到预期的结果?
最佳答案
来自这个接受的答案:Which elements support the ::before and ::after pseudo-elements?
As you can read here http://www.w3.org/TR/CSS21/generate.html, :after only works on elements that have a (document tree) content.
<input>
has no content, as well as<img>
or<br>
.
不好笑,你有没有考虑过用图片来做这个?
content: url(image.jpg)
这句话,我正在用::before 设计一些东西,用于悬停在 anchor 上的背景叠加层。
我不得不将 css 内容指定为空 {content=""} 否则不显示。
关于html - <br> 和::之后或::之前,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19498706/