Question

我试过各种方法，html＆amp; css，和javascript＆amp; css，似乎没什么用。

这是我正在http://www.placepigalle-seattle.com/

工作的网站

这是我的Html：

<div id="content">

        <nav  id="navlist" class="logo-center nav-overlay">
            <div class="row">
                <div medium-4 columns text-right">
                    <ul class="menu">
                        <li><a href="index.php" id="homenav">Home</a></li>
                        <li><a href="reserve.php" id="reservenav">Reservations</a></li>
                        <li><a href="menus.php" id="menusnav">Menus</a></li>
                    </ul>
                </div>

                <div class="medium-4 columns text-center">
                    <a href="index.php"><img alt="" src="img/logo_medium.png" class="logo medium-7"></a>
                    <a href="index.php"><img alt="" src="img/logo-dark.png" class="logo logo-dark medium-10"></a>
                </div>

                <div class=" medium-4 columns text-left">
                    <ul class="menu">
                        <li><a href="location.php" id="locationnav">Find us</a></li>
                        <li><a href="history.php" id="historynav">History</a></li>
                        <li><a href="contact.php" id="contactnav">Contact</a></li>
                    </ul>
                </div>
                <div class="nav-toggle"><i class="icon icon_menu"></i></div>
            </div>
        </nav>

这是我的CSS：

body#home a#homenav,
body#contact a#contactnav,
body#gallery a#gallerynav,
body#history a#historynav,
body#location a#locationnav,
body#menus a#menusnav,
body#reserve a#reservenav, {
    background: #FFD3CEf !important;
}

非常感谢

Answer 1

删除CSS选择器上的额外标记（请参阅下面的CSS示例）

向当前显示为class的{{1}}添加缺失的div（请参阅下面的HTML修补程序）

所有ID在末尾都有额外的空格（在HTML中） - 删除它们

您的背景属性需要调整为<div medium-4 columns text-right">（在您的CSS中）

＆＃13;

background-color: #FFD3CE;

＆＃13;

a#homenav,
a#contactnav,
a#gallerynav,
a#historynav,
a#locationnav,
a#menusnav,
a#reservenav{
    background-color: #FFD3CE;  
}

＆＃13;

Answer 2

鉴于你链接到的网站根据你所在的页面将ID添加到正文中，你的css就可以了（尽管你在开放括号之前有一个应该删除的尾随逗号）;它是背景颜色上的十六进制代码无效。当只有6个字符时，你有7个字符：＃FFD3CEf

一般来说，在活动页面链接上处理特殊样式的最佳方法是将类（例如“active”）添加到与您当前页面对应的链接，然后应用特殊样式你的CSS中的.active类。

将CSS应用于当前页面链接并不起作用

2 个答案: