css child选择器 CSS3 :last-child 选择器

css child选择器

CSS child选择器是CSS中的一种选择器，它可以用来选择一个元素的子元素。它使用一个简单的语法，可以让你在HTML文档中找到特定的元素。

Child选择器的语法是“parent > child”，其中parent是要匹配的父元素，child是要匹配的子元素。例如，如果你想要找到所有div元素中class为“foo”的span元素，你可以使用以下代码：

div.foo > span { 
    // CSS样式 
}

Child选择器也可以用来匹配多个子元素。例如，如果你想要找到所有div元素中class为“foo”的span和a元素，你可以使用以下代码：

div.foo > span, div.foo > a { 
    // CSS样式 
}

Child选择器也可以用来匹配多层子元素。例如，如果你想要找到所有div元素中class为“foo”的ul子元素中的li子元素，你可以使用以下代码：

div.foo > ul > li { 
    // CSS样式 
}

Child选择器还可以用来匹配多个不同层数的子元素。例如，如果你想要找到所有div元

CSS3 :last-child 选择器

CSS3 :last-child 选择器

完整CSS选择器参考手册

定义和用法

:last-child选择器用来匹配父元素中最后一个子元素。

提示: p:last-child等同于p:nth-last-child(1)。

---

实例

实例

指定父元素中最后一个p元素的背景色：

p:last-child
{
  background:#ff0000;
}

---

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:last-child	4.0	9.0	3.5	3.2	9.6

---

完整CSS选择器参考手册