css~选择器 CSS :valid 选择器

css~选择器

CSS 选择器是 CSS 中最重要的部分，它用于指定 HTML 元素，以便应用样式。CSS 选择器可以根据元素的 ID、类、属性、伪类或元素名称来选择 HTML 元素。

CSS 选择器可以分为三大类：基本选择器、属性选择器和伪类选择器。

1. 基本选择器： 
    * 标记名选择器（Element Selector） 
    * 类选择器（Class Selector） 
    * ID 选择器（ID Selector） 
    * 相邻兄弟选择器（Adjacent Sibling Selector） 
    * 子代选择器（Child Selector） 
    * 后代选择器（Descendant Selector) 
2. 属性选择器: 
    * [attribute] 通配符匹配所有带有该特定特性的元素 
    * [attribute=value] 精准匹配所有带有该特定特性且特性的内容与 value 相同的元素  
3. 伪类选择器:  
    * :link 表示所有还未被访问过的链接  
    * :visited 表示所有已被访问过的链接  

CSS :valid 选择器

CSS :valid 选择器

---

完整CSS选择器参考手册

定义和用法

:valid 和 :invalid 选择器分别匹配已满足或失败其输入验证要求的输入元素。

:valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式。

注意: :valid 选择器只作用于能指定区间值的元素，例如 input 元素中的 min 和 max 属性，及正确的 email 字段, 合法的数字字段等。

---

实例

实例

如果 input 元素中输入的值为合法的，设置其为黄色:

input:valid
{
background-color: yellow;
}

---

浏览器支持

:valid 选择器支持所有主流浏览器。

Internet Explorer 9 及更早IE版本不止 :required 选择器。

---

相关页面

CSS 选择器 :invalid 选择器

---

完整CSS选择器参考手册