Вставить HTML из CSS

Ответ 1

Содержимое (для текста, а не html):

http://www.quirksmode.org/css/content.html

Но для того, чтобы быть ясным, это плохая практика. Это поддержка в браузерах шаткая, и это вообще не очень хорошая идея. Но в тех случаях, когда вам действительно нужно это использовать, вот оно.

Ответ 2

Нет. Единственное, что вы можете сделать, это добавить контент (а не элемент) с использованием псевдоэлемента :before или :after.

Дополнительная информация: http://www.w3.org/TR/CSS2/generate.html#before-after-content

Ответ 3

Нет, вы не можете. Единственное, что вы можете сделать, это вставить контент. Например:

p:after {
    content: "yo";
}

Ответ 4

Альтернатива - которая может работать для вас в зависимости от того, что вы пытаетесь сделать, - это иметь HTML-код на месте, а затем использовать CSS для отображения или скрыть его в зависимости от класса родительского элемента.

ИЛИ

Использовать jQuery append()

Ответ 5

Это можно сделать. Например, с Firefox

CSS

#hlinks {
  -moz-binding: url(stackexchange.xml#hlinks);
}

stackexchange.xml

<bindings xmlns="http://www.mozilla.org/xbl"
  xmlns:html="http://www.w3.org/1999/xhtml">
  <binding id="hlinks">
    <content>
      <children/>
      <html:a href="/privileges">privileges</html:a>
      <html:span class="lsep"> | </html:span>
      <html:a href="/users/logout">log out</html:a>
    </content>
  </binding>
</bindings>

ref 1

ref 2