实例 选择的 p 元素是其父元素的第一个 p 元素： p:first-of-type{ background:#ff0000;} 尝试一下 » 定义和用法 :first-of-type 选择器匹配元素其父级是特定类型的第一个子元素。 提示: 和 :nth-of-...

实例 指定其父级的最后一个p元素的背景色： p:last-of-type{background:#ff0000;} 尝试一下 » 定义和用法 :last-of-type选择器匹配元素其父级是特定类型的最后一个子元素。 提示: 和:nth-last-of-ty...

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

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

实例 指定每个 p 元素匹配的父元素中第 2 个子元素的背景色： p:nth-child(2){ background:#ff0000;} 尝试一下 » 定义和用法 :nth-child(n) 选择器匹配父元素中的第 n 个子元素，元素类型没有限制。...

实例 指定每个 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元素。 浏览器支持 表格中的数字表示支持该属性的...