实例 指定属于父元素的特定类型的唯一子元素的每个 p 元素：： p:only-of-type{ background:#ff0000;} 尝试一下 » 定义和用法 :only-of-type 代表了任意一个元素，这个元素没有其他相同类型的兄弟...

实例 匹配属于父元素中唯一子元素的 p 元素: p:only-child{ background:#ff0000;} 尝试一下 » 定义和用法 :only-child 选择器匹配属于父元素中唯一子元素的元素。 浏览器支持 表格中的数字表示支...

实例 如果 input 元素没有设置 "required" 属性，设置其为黄色: input:optional{ background-color: yellow;} 尝试一下 » 定义和使用 :optional 选择器在表单元素是可选项时设置指定样式。 表单元素中如...

实例 输入的值在指定区间外时，设置指定样式: input:out-of-range{ border:2px solid red;} 尝试一下 » 定义和使用 :out-of-range 选择器用于标签的值在指定区间之外时显示的样式。 注意： :out-of-...

实例 如果 input 元素设置了 "readonly" 属性，设置输入框样式为黄色: input:read-only{ background-color: yellow;} 尝试一下 » 定义和使用 :read-only 选择器用于选取设置了 "readonly" 属性的元素。 表单...

实例 如果 input 元素不是只读，即没有 "readonly" 属性，设置输入框样式为黄色: input:read-write{ background-color: yellow;} 尝试一下 » 定义和使用 :read-write 选择器用于匹配可读及可写的元素。...

实例 如果 input 元素设置了 "required" 属性，设置其为黄色: input:required{ background-color: yellow;} 尝试一下 » 定义和使用 :required 选择器在表单元素是必填项时设置指定样式。 表单元素可以使...

实例 设置HTML文档的背景色： :root{ background:#ff0000;} 尝试一下 » 定义和用法 :root选择器用匹配文档的根元素。 在HTML中根元素始终是HTML元素。 浏览器支持 表格中的数字表示支持该属性的...

实例 Highlight active HTML anchor: :target { border: 2px solid #D4D4D4; background-color: #e5eecc;} 尝试一下 » 定义和用法 ＃ 锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素。 :targ...

实例 如果 input 元素中输入的值为合法的，设置其为黄色: input:valid{ background-color: yellow;} 尝试一下 » 定义和使用 :valid 选择器在表单元素的值需要根据指定条件验证时设置指定样式。 注...