:required

:required CSS 伪类表示任何设置了 required 属性的 input、select 或 textarea 元素。

这个伪类对于表单验证非常有用，可以帮助开发者和用户识别哪些字段是必填项。当用户尝试提交表单时，浏览器会自动检查这些必填字段是否已填写内容。

使用 :required 伪类，你可以为必填字段添加特定的样式，比如改变边框颜色、添加图标或文本提示，从而提供更好的用户体验。

以下是一个简单的示例：

input:required {
  border: 2px solid red;
}

input:required::after {
  content: "*";
  color: red;
  margin-left: 5px;
}

这段代码会给所有必填的输入框添加红色边框，并在字段后面添加一个红色星号作为必填标记。

需要注意的是，:required 伪类只对设置了 required 属性的表单元素有效。这个属性是 HTML5 引入的，用于标记表单中必须填写的字段。

在表单设计中，合理使用 required 属性和 :required 伪类可以显著提高表单的可用性和用户体验，帮助用户更清楚地了解哪些信息是必须提供的。