实例 指定空的p元素的背景色： p:empty{ background:#ff0000;} 尝试一下 » 定义和用法 :empty选择器选择每个没有任何子级的元素（包括文本节点）。 浏览器支持 表格中的数字表示支持该属性的...

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

实例 设置所有type="text"的启用的输入元素的背景颜色： input[type="text"]:enabled{background:#ffff00;} 尝试一下 » 定义和用法 :enabled 选择器匹配每个启用的的元素（主要用于表单元素）。 浏览器...

实例 设置所有type="text"的禁用的输入元素的背景颜色： input[type="text"]:disabled{background:#dddddd;} 尝试一下 » 定义和用法 :disabled 选择器匹配每个禁用的的元素（主要用于表单元素）。 浏览...

实例 为所有选中的输入元素设置背景颜色： input:checked { height: 50px; width: 50px;} 尝试一下 » 定义和用法 :checked 选择器匹配每个选中的输入元素（仅适用于单选按钮或复选框）。 浏览器支...

实例 为每个并非p元素的元素设置背景颜色： :not(p){background:#ff0000;} 尝试一下 » 定义和用法 :not(selector) 选择器匹配每个元素是不是指定的元素/选择器。 浏览器支持 表格中的数字表示支...

实例 将选定的文本红色： ::selection{color:#ff0000;}::-moz-selection{color:#ff0000;} 尝试一下 » 定义和用法 ::selection选择器匹配元素中被用户选中或处于高亮状态的部分。 ::selection只可以应用于少...

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

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

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