Если вам нужно чистое решение HTML / CSS, лучшее, что я могу придумать, - это поместить класс в тело, описывающее, какая вкладка должна быть выделена, и идентификатор каждой вкладки, а затем настроить таргетинг на эти вкладки с помощью CSS.
Так что для HTML на странице «О нас» будет что-то вроде <body class="AboutUs">
, в то время как на «Домашней» странице будет аналогично <body class="Home">
. Каждая вкладка будет иметь уникальные идентификаторы, такие как «aboutUs» и «home».
Тогда в CSS вы можете оформить это так:
body.AboutUs tabs#aboutUs,
body.Home tabs#home
{
/* selection style goes here */
}