前端知识css样式补充——给必填项加上*标识-尧图网站建设

📅 发布时间：2026/6/19 11:28:33

一.给必填项加上*标识

.form-item label.required::after { content: '*'; color: #f56c6c; margin-left: 2px; }

部分	含义
`.form-item`	选择 class 为`form-item`的父容器（如`<div class="form-item">`）
`label`	在该容器内找`<label>`标签
`.required`	要求这个`<label>`必须有`class="required"`
`::after`	CSS 伪元素，在匹配到的`<label>`内容末尾之后插入内容

.form-item label.required::after是一个CSS选择器，它在表单设计中特别常见，用来给必填项加个"小星星"提示。

简单来说，它是在做这么一件事：