1

<li>前の 2 つに影響を与えずに、3 番目のマージンを移動しようとしています。

マージン「x」を使用して、別のliクラスを作成してから適用する必要があると思いますか??

<!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 で非推奨になっていることに注意してください (使用していると思われる doctype)。

于 2013-02-24T00:03:50.383 に答える