Question

If you check the form at this link, you’ll see that required fields have a class="required" in the CSS and a * in the markup.

http://drupal.org/user

Can the * which shows in the markup be added entirely with CSS for divs that have this class?

Answer 1

You can use the after pseudo class:

.required:after { content: "*"; }

or, because you explicitly asked for a div with that class:

div.required:after { content: "*"; }

Should work (for IE only since IE8)

---

You can apply any style to this, of course. You can even do things like this:

div.required:after:hover { /* Hello, I'm a geek. */ }

---

This can also be achieved with JavaScript. jQuery:

$(".required").append("*");