css - CSS可以自动添加文字吗？

Question

如果您检查此链接中的表单，您会看到必填字段在 CSS 中有一个 class="required"，在标记中有一个 *。

http://drupal.org/user

标记中显示的 * 是否可以完全用 CSS 为具有此类的 div 添加？

Answer 1

你可以使用after伪类:

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

或者，因为您明确要求使用该类的 div:

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

应该可以工作(仅适用于 IE8 之后的 IE)

---

当然，您可以对此应用任何样式。你甚至可以这样做:

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

---

这也可以通过 JavaScript 实现。 jQuery:

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