如何使當前查看的列表標題為粗體

Question

我在Wordpress頁面上有一個側邊欄。 該邊欄包含一個側視圖，它是頁面的概述。

如果我單擊“ Impressum”或“ Impressum”的子列表項中的任何項目，則我希望“ Impressum”為粗體 。 那怎么可能？

每個“標題項目元素”都應發生相同的行為。 請參見下圖，以獲得更好的解釋。

我的widged / sidebar /列表的css是：

.widget ul {
    margin:0;
    padding:0;
    display: block;
}
.widget li {
    list-style: none;
    margin: 15px 0;
    text-align: left;
    margin-left: 3%;
    position: relative;
    padding-left: 10px;
}
.widget li:before{
    content: '';
    width: 4px;
    height: 4px;
    background: #e9e9e9;
    float: left;
    position: absolute;
    margin-top: 11px;
    left: 0;
}
.widget li a {
    color:#272727;
}
.widget li a:hover {
    color:#E96656
}   

Answer 1

要使項目變為粗體，請查看側欄的HTML代碼。 通常，邊欄會為所選項目添加額外的類。 然后，您可以在CSS中引用該項目。

例如，如果在邊欄上添加的類稱為“活動”，則您的代碼可以是：

 li.active{
 font-weight: bold;}