C# .NET网站-将CSS类添加到菜单元素

Question

我使用PHP已经有7年左右了，但到今天为止，我不得不在一个项目中使用.NET。只是为了一个insite：

该项目的特点是：

.NET4视图状态= false

现在我的问题是。主布局被母版页覆盖，这似乎很明显，它是如何工作的。它还包括导航菜单选项，例如：

<div id="menu">
    <ul>
        <li><a href="default.aspx" title="Home" >Home</a></li>
        <li><a href="products.aspx" title="Products">Products</a></li>
        <li><a href="prices.aspx" title="Size &amp; Price">Size &amp; Price</a></li>
        <li><a href="formats.aspx" title="File Formats">File Formats</a></li>
    </ul>
</div>

现在我想要做的是根据我所在的页面添加一个CSS类属性，所以如果我在products页面上，我会得到以下源代码：

<div id="menu">
    <ul>
        <li><a href="default.aspx" title="Home" >Home</a></li>
        <li><a href="products.aspx" class="active" title="Products">Products</a></li>
        <li><a href="prices.aspx" title="Size &amp; Price">Size &amp; Price</a></li>
        <li><a href="formats.aspx" title="File Formats">File Formats</a></li>
    </ul>
</div>

任何帮助都将不胜感激！

干杯:)

Answer 1

有很多方法可以做到这一点，其中一种方法是向“从”页面添加一个脚本，用于设置适当标记的类。

<li><a href="default.aspx" title="Home" id="aHome" >Home</a></li>
<li><a href="products.aspx" title="Products" id="aProducts">Products</a></li>

然后在products.aspx中，您可以执行以下操作：

<SCRIPT>document.getElementById('aProducts').setAttribute('class', 'active');</SCRIPT>

Answer 2

这不是对你问题的回答，但这是在CSS类别中，所以我想我至少要评论一下:)

我强烈建议您在每个列表项上设置静态类，并与CSS中的body类结合使用，如下所示：

<style type="text/css"><!--
    body.products #menu li.products a,
    body.otherpage1 #menu li.otherpage1 a,
    body.otherpage2 #menu li.otherpage2 a,
    body.otherpage3 #menu li.otherpage3 a,
    body.otherpage4 #menu li.otherpage4 a, { /* your styles here*/ }
--></style>

我认为仅仅为了设置一个类而使用C#有点过头了，仅此而已:)