如何用css选择器选择某元素下的最后一个子元素？

html-css06

如何用css选择器选择某元素下的最后一个子元素？,第1张

CSS中没有针对最后一个子元素的选择器，但有第一个（:first-child），

如果你能确定span后只有这一个a标签的话可以使用相邻兄弟选择器（span + a {...} ），兼容性有待测试，没这么用过。

具体可参考w3school中CSS 选择器的介绍：

http://www.w3school.com.cn/css/css_selector_adjacent_sibling.asp

方法很多种，例如通过伪类：last-child{ 样式 }这个是选择最后一个父级子元素。

第一个父级子元素可以这样nth-child(1){ 样式 }

除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。

首先你要明白这个盘p:lat-child属性的做用，它的意思是，p的父元素的最后一个子元素p，很明显，最后一个元素是span，而不是p标签，所以你这样写是错误的写法，你把p标签放到最后就能有效果了。