Question

我希望在第3 <li>处移动保证金，而不会影响前两次。

我想我必须创建一个单独的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>

Answer 1

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

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

另请注意，HTML5中不推荐使用<font>标记（您似乎正在使用的文档类型）

将保证金应用于单个<li> </li>

1 个答案: