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

Question

Есть ли способ вставить элемент HTML, код или код из CSS (3)?

Answer 1

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

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

Answer 2

Контент (для текста, а не HTML):

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

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

Answer 3

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

p:after {
    content: "yo";
}

Answer 4

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

OR

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

Answer 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