:optional

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

这个伪类非常有用，它可以帮助开发者轻松识别表单中哪些字段是可选的，从而为用户提供更好的视觉反馈。通过使用 :optional 伪类，你可以为可选字段应用特定的样式，使其与必填字段区分开来。

在实际应用中，你可以这样使用 :optional 伪类：

input:optional {
  border: 1px solid #ccc;
}

input:optional:focus {
  border-color: #666;
}

需要注意的是，:optional 伪类与 :required 伪类是相对的。如果一个元素没有 required 属性，那么它就是可选的，可以使用 :optional 伪类进行样式设置。

这个特性在现代浏览器中得到了广泛支持，包括 Chrome、Firefox、Safari 和 Edge 等，因此你可以放心地在项目中使用它。