C# 更改活动选项卡（导航菜单）的CSS

我想更改网站上活动选项卡的样式

我目前的代码是：

    string pageName = this.ContentPlaceHolder1.Page.GetType().FullName;

    string active1 = "";
    string active2 = "";
    string active3 = "";
    string active4 = "";


    if (pageName == "ASP.default_aspx")
    {
        active1 = "test1";
    }

    else if (pageName == "ASP.kalender_aspx")
    {
        active2 = "test1";
    }

    else if (pageName == "ASP.organisation_aspx")
    {
        active3 = "test1";
    }

    else if (pageName == "ASP.kontakt_aspx")
    {
        active4 = "test1";
    }

    litNav.Text += "<ul class='menusm'>";
    litNav.Text += "<li class='" + active1 + "'><a href='default.aspx'>Nyheder</a></li>";
    litNav.Text += "<li><a class='" + active2 + "'" + "href='kalender.aspx'>Kalender</a></li>";
    litNav.Text += "<li><a class='" + active3 + "' href='#'>Organisation</a></li>";
    litNav.Text += "<li><a class='" + active4 + "' href= '#'>Kontakt</a></li>";
    litNav.Text += "</ul>";

---

我刚刚做了一个“Test1”测试。但是我想使用的类是

.topnav ul li.current\u page\u item a

理想情况下，您的思路是正确的，但是您需要在项目中模拟此类的Javascript实现，以便从HTML中的元素添加/删除类

因此，本质上，您希望将不同的类分配给与样式表关联的HTML属性。在我的示例中，我将代码设置为：

HTML:

<button id="testButton" class="unclicked">Button</button>

.unclicked {
   background-color: red;
}

.clicked {
   background-color: green;
}

---

现在已经设置了参数，只需设置逻辑来重新分配类**确保在样式中明确定义新类的属性，以便正确解释更改

分享你的css乐趣。我已经添加了cssb，但是缺少了使用active1、active2、active3和active4类来设置样式的部分非常感谢！这帮助了很多人，我很乐意帮忙：-）

.unclicked {
   background-color: red;
}

.clicked {
   background-color: green;
}