Способ, которым я всегда делал это в прошлом, состоит в том, чтобы дать телу класс, затем каждой вкладке класс (или идентификатор), а затем использовать их в CSS.
<!-- the tabs now have a class you can use -->
<div id="tabs">
<ul>
<li class="tabone"><a href="/">Courses</a></li>
<li class="tabtwo"><a href="#">My Courses</a></li>
<li class="tabtre"><a href="#">Administration</a></li>
</ul>
</div>
первая страница
<body class="tabonepage">...
SecondPage
<body class="tabtwopage">...
css - это немного многословно, но локализовано в одном месте. Пока у вас нет 493 вкладок, вы будете золотой
.tabonepage .tabone,
.tabtwopage .tabtwo,
.tabtrepage .tabtre,
{
padding-bottom: 1px;
background: white;
border-bottom: 1px solid white;
}
изменить о том, как я получил класс в ...
Вот где я опускаю голову от стыда. Я обычно помещаю свойство в мой главный мастер, называемый BodyClass, затем помещаю немного кода в OnPreRender, который устанавливает указанное свойство, и помещаю дыру в выражении в главный мастер. Это не очень красиво, но я с этим согласен, преимущества того, что класс тела намного перевешивает код в моих глазах :-) Вероятно, есть способ, который не затрагивает код, я никогда не исследовал его полностью. Я чувствую, что MVC поможет.
MainMaster.Master:
<body class='<%=BodyClass%>'>
MainMaster.Master.cs
public string BodyClass{ get; set; }
everyotherpage .aspx (я не могу вспомнить, было ли это необходимо, я думаю, что вы строго указали доступ к свойству BodyClass в коде)
<%@ MasterType VirtualPath="~/MasterPages/MainMaster.Master" %>
everyotherpage .aspx.cs
protected override void OnPreRender(EventArgs e)
{
base.OnPreRender(e);
this.Master.BodyClass = "areamydetails";
}