php - 保持 css 下拉菜单项用 php 突出显示

Question

My Website

在上面的链接中，您可以看到我的站点中有一个 CSS 下拉菜单。它工作正常，但是，当我在它们所代表的页面上时，我希望顶级元素保持突出显示。

到目前为止我有这个但它不起作用(我只显示一个没有任何子菜单的菜单项，因为它节省空间)

这是 HTML:

<ul>
    <li><h2><a name="donate" id="donate" href="index2.php?op=Donate">Donate</a></h2></li>
</ul>

这是为背景着色的 CSS:

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

每一页的内容由$head的值决定:$head = $_GET['op'];

我试图通过将其直接放在菜单之后来实现更改:

if($head == "Donate") {
echo '<style>
#menu a donate {
color: #000;
background: #fff;
text-decoration: none;
</style>';
}

当我将“捐赠”排除在上面的代码之外时:“#menu a {”所有菜单项的背景颜色都变为白色，但我需要专门更改“捐赠”按钮。我尝试通过将 id="donate"/name="donate"添加到菜单项(如上所示)，然后在 css 中使用“#menu a donate {”调用它。但这显然是错误的，因为它不起作用!我该怎么办？

Answer 1

我认为你需要使用

if($head == "Donate") {
    echo '<style>
    #menu a#donate {
        color: #000;
        background: #fff;
        text-decoration: none;
    }
    </style>';
}

作为选择器，因为 donate 是 a 标签的 id，因此它紧跟在 a 标签(无空格)之后，前面有一个“#”。

您还缺少 css 声明的右括号“}”。