IT入门 > 教程 > css教程 >

CSS3 :only-child 选择器

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

CSS3 :nth-child() 选择器

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

CSS3 :nth-last-child() 选择器

实例 指定每个 p 元素匹配同类型中的倒数第 2 个同级兄弟元素背景色： p:nth-last-child(2){ background:#ff0000;} 尝试一下 » 定义和用法 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的...

CSS3 :nth-of-type() Selector

实例 指定每个p元素匹配同类型中的第2个同级兄弟元素的背景色： p:nth-of-type(2){background:#ff0000;} 尝试一下 » 定义和用法 :nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。 n可以是...

CSS3 :nth-last-of-type() 选择器

实例 指定每个p元素匹配同类型中的倒数第2个同级兄弟元素背景色： p:nth-last-of-type(2){background:#ff0000;} 尝试一下 » 定义和用法 :nth-last-of-type( n )选择器匹配同类型中的倒数第n个同级兄弟...

CSS3 :last-child 选择器

实例 指定父元素中最后一个p元素的背景色： p:last-child{ background:#ff0000;} 尝试一下 » 定义和用法 :last-child 选择器用来匹配父元素中最后一个子元素。 提示: p:last-child 等同于 p:nth-last-c...

CSS3 :root 选择器

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

CSS3 :empty 选择器

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

CSS3 :target 选择器

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

CSS3 :enabled 选择器

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