0

私はこのコードを持っています:

<div id="navigation">
        <ul>
            <li><a href="Default.aspx">Open POs</a></li>                              
            <li><a href="WebVisibility.aspx">Visibility</a></li>
            <li><a href="#">Live</a></li>
            <li><a href="#">Reports</a></li>
        </ul>
    </div>

そして、このCSSコード：

        #navigation
    {
        float: left;
        width: 1024px;
        background:#0386ce; 
    }

    #navigation ul
    {
        margin: 0;
        padding: 0;
    }

    #navigation ul li
    {
        list-style-type: none;
        display: inline;    
    }

    #navigation li a
    {
        display: block;
        float: left;
        padding: 1px 5px;
        color:#fff; 
        font-size: 14px;
        border-left: 1px solid #000;
    }

#navigation li a:hover { background:#000; }

    #navigation li a:first-child
    {
        border-left:none;
    }

css コードの最後の行を使用して最初のセパレーターを削除しようとすると、(...) border-left:none;すべてのセパレーターが削除されます。

ここで何が間違っていますか？

4

1 に答える 1

2

最初にアクセスする必要がありますli。a代わりに、任意のli内の最初のものにアクセスしています#navigation。

これを試して：

#navigation li:first-child a
{
   border-left:none;
}
于 2013-01-16T16:00:03.993 に答える