最簡單的方法類「當前頁面」 nav元素？

我有我的網頁鏈接到不同的頁面的導航欄。有沒有簡單的方法來自動設置當前頁面對應的導航元素上的類？舉例來說，我想在欄上的「關於我們」選項卡中有不同的風格，如果你正在瀏覽的「關於我們」頁面。我知道我可以搭個PHP的每一頁，但我寧願有一個更一般的設置它和忘記它的解決方案。最簡單的方法類「當前頁面」 nav元素？

來源

2010-06-04 erjiang

我以前使用過這一點，它工作得很好。

http://www.cssnewbie.com/intelligent-navigation/

來源

2010-06-04 13:22:50 pixeltocode

如果你想要一個純HTML/CSS的解決方案，我能想到的最好的就是把一類在身體上描述其標籤應該強調，每個選項卡上的ID，然後瞄準從那裏通過CSS標籤。

因此，對於HTML，「關於我們」頁面將具有類似於<body class="AboutUs">的內容，而「主頁」頁面將具有類似的<body class="Home">。這些標籤每個都有獨特的ID，如「aboutUs」和「home」。

然後在CSS，你可以風格它像這樣：


body.AboutUs tabs#aboutUs, 
body.Home tabs#home 
{ 
    /* selection style goes here */ 
}

來源

2010-06-04 03:45:30

最簡單的方法類「當前頁面」 nav元素？

回答

相關問題