看看是不是你想要的：
<style type="text/css">.warp .a{
background-color: #ccc
height: 30px
}
.warp .a:last-child{ /*最后一个 class为a 的元素*/
background-color: #000
}
</style>
<div class="warp">
<div class="a">1</div>
<div class="a">2</div>
<div class="a">3</div>
</div>
其实这个举个例子就很容易明白了。div { display: block} 在这里，div 是选择器 ，花括号里面的 display 是属性，block 是 属性值，也就是你指的规则。
不管它怎么变，花括号前面的都是 选择器 ，
像你这里，如：div :last-child{ color:#f00} 它是作为一个选择器来选择到 指定的最后一个元素，所以它其实是一个选择器，一般情况下我们叫 这样的做 ： 伪类选择器
CSS中没有针对最后一个子元素的选择器，但有第一个（:first-child），如果你能确定span后只有这一个a标签的话可以使用相邻兄弟选择器（span + a {...} ），兼容性有待测试，没这么用过。
具体可参考w3school中CSS 选择器的介绍：
http://www.w3school.com.cn/css/css_selector_adjacent_sibling.asp
