0

境界線を表示しないように、ul リストの最後の li を取得しようとしています。他のすべての間に境界線が必要です。リスト間の仕切りとして小さな線が欲しいだけです。これが私のコードです：

CSS

 #navcontainer ul li { 
        display: inline; 
        border-right:1px solid #5C5C5C;
        margin-left: -12px;
    }
    #navcontainer ul .last li{ 
        display: inline; 
        border-right:0;
        margin-left: -12px;
    }

    #navcontainer ul li a{
        text-decoration: none;
        padding: .2em 1em;
        color: #5C5C5C;
    }

html

<ul class="qa-list">
    <li>
        <a href="#rewards" title="Rewards">Rewards Questions</a> 
    </li>
    <li>
        <a href="#logging" title="Logging In">Logging In Questions</a> 
    </li>
    <li>
        <a href="#uploading" title="Uploading Photo">Uploading Photo Questions</a>
    </li>
    <li>
        <a href="#enter" title="Entering Supporter Email">Entering Supporter Email Questions</a> 
    </li>
    <li>
        <a href="#fb" title="Sharing on Facebook">Sharing on Facebook Questions</a> 
    </li>
    <li>
        <a href="#letter" title="Printing Donation Letter">Printing Donation Letter Questions</a> 
    </li>
    <li>
        <a href="#tracking" title="Tracking Donations">Tracking Donations Questions</a> 
    </li>
    <li>
        <a href="#privacy" title="Privacy">Privacy Questions</a> 
    </li>
    <li>
        <a href="#gift" title="Supporter "Thank You" Gift">Supporter "Thank You" Gift Questions</a> 
    </li>
    <li>
        <a href="#rog" title="About Reaching Our Goal">About Reaching Our Goal Questions</a> 
    </li>
    <li>
        <a href="#contact" title="Contact Information Questions">Contact Information Questions</a> 
    </li>
</ul>

誰でも助けることができますか？ありがとう！

4

4 に答える 4

3

.last でこれを試してください:

border-right: none;

また、どの要素.lastにもクラスが適用されていないようです。liさらに、それを適用する場合は、セレクターを変更してli.last、 ではなく を読み取るようにする必要があります.last li。

CSS:

#navcontainer ul li.last
{
   ...
   border-right: none;
   ...
}

リスト項目:

<li class="last">
   <a href="#contact" title="Contact Information Questions">Contact Information Questions</a>
</li>
于 2012-05-04T18:24:36.930 に答える
0

CSS3セレクター：last-childを使用してターゲットに設定できます。

http://www.w3schools.com/cssref/sel_last-child.asp

#navcontainer ul li:last-child {
/* CSS here */
}
于 2012-05-04T19:13:03.337 に答える
0

これを試して：

#navcontainer ul:last-child {
    border-right: 0px;
}
于 2012-05-04T18:24:42.073 に答える
0

これを試して：

#navcontainer ul li:last-child{ 
    display: inline; 
    border-right:none;
    margin-left: -12px;
}
于 2012-05-04T18:24:57.040 に答える