css - 自闭标签和开闭标签的CSS规则

在CSS上，我想为自闭标签添加规则，如下所示：<unclear/>（将内容完全转换为一个符号）

我已经为简单的打开-关闭标签<unclear>lorem ipsum</unclear>添加了另一种样式（我想将打开标签<unclear>和关闭标签</unclear>转换为符号，因此将符号括在符号内）

在CSS中：

unclear:before{ content:'\2020'; }
unclear:after{ content:'\2020'; }

但是对于自封闭标签，使用此规则我需要得到一个符号而不是两个符号。

unclear:before{
	content:'\2020';
}
unclear:after{
	content:'\2020';
}

<h1>Example1</h1>
<div>Somno contentus exiguo, cum id posceret tempus et ratio, perque spatia ita longissima impendio castus, ut nec <unclear/> mare ministro saltem suspicione tenus posset redargui, quod crimen, etiamsi non invenit, malignitas fingit in summarum licentia potestatum.</div>
...
<br />
<br />
<h1>Example2</h1>
<div>Intellectus autem naturae et <unclear>qualitate</unclear> sensus mundi ex omnibus, quae in mundo sensibilia sunt, poterit peruideri.</div>
...
<br />
<br />
<h1>Example3</h1>
<div>On my website this is display two cruces before finiruris, but I want to display one cruces beforefiniruris, how to do it?
Ager est <unclear/>finiruris <gap/> non praetermittimus nomina consent<supplied>i</supplied>entia condicionibus possessionum.</div>

最佳答案

CSS不能区分自动关闭标签和非自动关闭标签。因此，如果您先使用<unclear></unclear>，然后再使用<unclear/>，则CSS相同。

实际上，即使XML解析器也没有区别：构建文档树时，<unclear></unclear>的内存节点看起来与<unclear/>的完全相同。

答案就是这样：这是不可能的。找到另一种方式。

一种局部解决方案是使用:empty伪类。您可以使用

unclear:before{ content:'\2020'; }
unclear:not(:empty):after{ content:'\2020'; }

仅将after内容分配给包含某些内容的（在您的特定示例中，<unclear>lorem ipsum</unclear>个）。
不包含任何内容的（这里是写为<unclear/>的）仅获得before内容。

有帮助吗？

关于css - 自闭标签和开闭标签的CSS规则，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45277622/