CSS :first child on link class not working

Question

我有这两个元素:

<div class="navbar-header">
    <a href="#" class="navbar-brand collapse-award"></a>
    <a href="#" class="navbar-brand collapse-award"></a>
</div>

我正在尝试将 :first-child :last-child 应用于这些元素，但它不起作用是否 first 和 last child 仅适用于列表元素？

.navbar-header .collapse-award:first-child {
        max-height: 50px;
}

.navbar-header .collapse-award:last-child {
        max-height: 80px;
        margin-top: -10px;
}

Answer 1

请参阅工作示例:http://codepen.io/anon/pen/QwVErQ

<div>
   <a href="#" class="collapse-award">item 1</a>
   <a href="#" class="collapse-award">item 2</a>
</div>

.collapse-award:last-child {
    max-height: 80px;
    margin-top: -10px;
    color:#FF0000;
}
.collapse-award:first-child {
    max-height: 50px;
    color:#00FF00;
}