html - <br> 和::之后或::之前

标签 html css pseudo-element

我正在使用 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/

相关文章:

javascript - ng-include 和 $templateCache

css - WordPress 将 CSS 存储在缓存文件中?

css - IE10悬停+伪元素

html - 如何在页面中居中放置两个方 block ?

javascript - video.js 使用类而不是 URL 结束事件

javascript - 移动 Chrome 栏占用 100% 高度 css 的空间

javascript - HTML 如何阻止元素不超过页脚等

jquery - 固定导航和标题 - 滚动时出现故障(性能低下)

css - 选择框元素和 :after

伪元素后的 HTML 未按预期显示