CSS3 In-Depth CSS3 In-Depth

Other values for generated content

Estelle Weyl
Estelle Weyl
HTML5 & CSS3 in the Real World

Incorporating images and counters in the generated content can be useful. Estelle demonstrates a few of these techniques and also describes a use-case for sprite sheets. Counters allow generated content rules to “count” elements in the DOM and display a numeric value. While the attr(X) syntax for generated content is not widely supported yet, in the future it will add some extremely powerful techniques since it can pull from any attribute value within and element.

Get Unlimited Access Now