/* 选择所有p元素的最后一个子节点 */ p:last-child { color: red; }
以上代码将选择所有p元素的最后一个子节点,并将其文字颜色设置为红色。
需要注意的是,:last-child伪类只能匹配父元素下的最后一个子节点。如果想要选择某个父元素下的最后一个特定子元素,可以先将子元素设置为同一个类名或ID,然后使用:last-of-type伪类来选择特定子元素的最后一个。
/* 选择类名为item的最后一个子元素 */ .item:last-of-type { color: blue; }
以上代码将选择类名为item的所有元素中的最后一个元素,并将其文字颜色设置为蓝色。这里使用:last-of-type伪类是因为item元素并不一定是父元素下的唯一元素,可能还有其他元素。
总之,使用:last-child伪类可以非常方便地为最后一个子节点设置样式,而使用:last-of-type伪类则可以选择特定子元素的最后一个。