1

我希望在<li>不影响前两个的情况下移动 3rd 的边距。

我想我必须创建一个单独的 li 类，边距为“x”，然后应用？

<!DOCTYPE html>
<html lang="no">
<head>
<link rel="stylesheet" media="screen" type="text/css" href="../style.css" />
</head>
<body>
    <div id="menu-bg">
        <div id="menu-text">
            <ul id="list">
                <li>
                 <a href="/solmai/index.php"><font class="cur">VERBIER</a></font><br>
                 <a href="../whistler/index.html">WHISTLER</a><br>
                </li>

                <li><a href="/solmai/verbier/chalet.php"><font class="cur">CHALET</font></a><br>
                    <a href="../verbier/verbier/home.php">AESTHETIC CLINIQUE</a><br>
                    <a href="../verbier/verbier/home.php">SPORTS CLINIQUE</a><br>
                    <a href="../verbier/verbier/home.php">MEMBERS LOUNGE</a><br>
                    <a href="../verbier/verbier/home.php">GYM</a><br>
                    <a href="../verbier/verbier/home.php">GALLERY</a><br>
                    <a href="../verbier/verbier/home.php">VERBIER NEWS</a>
                </li> 

                 <li><a href="/solmai/verbier/chalet.php">THE EXPERIENCE</a><br>
                    <a href="../verbier/verbier/home.php">SERVICES</a><br>
                    <a href="../verbier/verbier/home.php">ADVENTURE</a><br>
                    <a href="../verbier/verbier/home.php">TOUR</a><br>
                    <a href="../verbier/verbier/home.php">GALLERY</a><br>
                    <a href="../verbier/verbier/home.php">REVIEWS</a><br>
                    <a href="../verbier/verbier/home.php">LOCATION</a>
                </li>

         </ul>
        </div>
    </div>
</body>
</html>
4

1 回答 1

4 
#list li:last-child{
  margin: ...
}

或者，如果您有更多关注者，您可以使用:nth-child(3)

另请注意，该<font>标签在 HTML5 中已弃用（您似乎正在使用的文档类型）

于 2013-02-24T00:03:50.383 回答