CSS3 In-Depth

CSS3 In-Depth Other values for generated content


This course has been updated! We now recommend you take the CSS In-Depth, v2 course.

Check out a free preview of the full CSS3 In-Depth course:
The "Other values for generated content" Lesson is part of the full, CSS3 In-Depth course featured in this preview video. Here's what you'd learn in this lesson:

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