为什么第一胎css不起作用?

时间:2015-08-25 12:59:23

标签: html css css-selectors pseudo-class

我必须向第一个孩子申请一些风格,但它不起作用..任何人都可以帮助我吗?

HTML

<div id="sidebar">
    <ul>
        <li><a href="#">one</a></li>
        <li><a href="#">two</a></li>
        <li class="GLnavBlog"><a href="#">htech blog</a></li>
        <li class="GLnavBlog"><a href="#">sport blog</a></li>
        <li class="GLnavSpecial"><a href="#">geo news</a></li>
        <li class="GLnavSpecial"><a href="#">rss</a></li>
        <li class="GLnavSpecial"><a href="#">upload corner</a></li>
    </ul>
</div>

CSS

#sidebar li.GLnavBlog:first-child a {
    border-top: 1px solid #747577;
}
#sidebar li.GLnavSpecial a {
    text-transform: capitalize;
}
#sidebar li.GLnavSpecial:first-child a {
    border-top: 1px solid #747577;
}
#sidebar li.GLnavSpecial:last-child a {
    border-bottom: 1px solid #747577;
}

FIDDLE

谢谢

EDIT 如何在第一个.GLnavSpecial?

获得border-top

0 个答案:

没有答案