Как во всплывающей подсказке сделать Слово жирным?

Question

[Сергей Кореневский]

начну с кода, так очевидней.

<span tooltip-text="<b>Всплывающее</b> слово, &lt;b&gt И &lt;/b&gt второе">Слово</span>
<span tooltip-title="Всплывающая" tooltip-content="мысль">Мысль</span>

[tooltip-text],
[tooltip-content]{
    display: inline-block;
    position: relative;
}
[tooltip-text]:after{
    content: attr(tooltip-text);
    position: absolute; top: 20px; width: auto;
}
[tooltip-title]:after{
    content: "<b>" attr(tooltip-title) "</b>" attr(tooltip-content);
    /* content: "&lt;b&gt" attr(tooltip-title) "&lt;/b&gt" attr(tooltip--content);
  если раскомментировать эту строку, она тоже не работает */
    position: absolute; top: 20px; width: auto;
}

Люди добрые как сделать чтобы в сплывающей подсказке одно слово было жирным?
может я тут ошибку допустил и один из способов работает, но я тогда не могу понять что я тогда не так делал.
Вот пример https://jsfiddle.net/zbarzu3k/
для уважаемых Гуру.

Answer 1

[DevMan]

там html не катит, только текст:

Generated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

https://www.w3.org/TR/CSS21/generate.html#propdef-...

Comments

[Сергей Кореневский]

:-(