-moz-element demo

by jtojnar

HTML

<span id="duplicate-me">Duplicate me</span>
<ul id="backgrounds">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul id="contents">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

CSS

#backgrounds li {
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/background */
  background: -moz-element(#duplicate-me) no-repeat;
}

#contents li {
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/content */
  content: -moz-element(#duplicate-me);
}