实例 指定每个 p 元素匹配同类型中的倒数第 2 个同级兄弟元素背景色: p:nth-last-child(2){ background:#ff0000;} 尝试一下 » 定义和用法 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的...
实例 指定每个p元素匹配同类型中的第2个同级兄弟元素的背景色: p:nth-of-type(2){background:#ff0000;} 尝试一下 » 定义和用法 :nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。 n可以是...
实例 指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色: p:nth-last-of-type(2){background:#ff0000;} 尝试一下 » 定义和用法 :nth-last-of-type( n )选择器匹配同类型中的倒数第n个同级兄弟...
实例 指定父元素中最后一个p元素的背景色: p:last-child{ background:#ff0000;} 尝试一下 » 定义和用法 :last-child 选择器用来匹配父元素中最后一个子元素。 提示: p:last-child 等同于 p:nth-last-c...
实例 设置HTML文档的背景色: :root{ background:#ff0000;} 尝试一下 » 定义和用法 :root选择器用匹配文档的根元素。 在HTML中根元素始终是HTML元素。 浏览器支持 表格中的数字表示支持该属性的...
实例 指定空的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 选择器匹配每个选中的输入元素(仅适用于单选按钮或复选框)。 浏览器支...