css правило для самозакрытого тега и тега open-close

Question

На CSS я хочу добавить правило для закрытого тега, как это: <unclear/> (точно преобразовать содержимое в один символ)

Я уже делаю это, чтобы добавить другой стиль для простого тега open-close <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>

Answer 1

CSS не делает различий между самозакрывающимися и не самозакрывающимися тегами. Так что если у вас есть <unclear></unclear> а потом <unclear/> позже это то же самое для CSS.

На самом деле, даже синтаксический анализатор XML не делает различий: при построении дерева документа узел в памяти для <unclear></unclear> выглядит точно так же, как и для <unclear/>,

Вот и ответ: это невозможно; найти другой путь.

Одним частичным решением является использование :empty псевдо класс. Ты можешь использовать

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

назначать контент после только для , который содержит что-то (в вашем конкретном примере, <unclear>lorem ipsum</unclear> один).
<непонятно>которые не содержат ничего (здесь написано <unclear/>) только получить до содержания.

Это поможет?