如何使当前查看的列表标题为粗体

Question

我在Wordpress页面上有一个侧边栏。该侧栏包含侧面图，该侧面图是页面的概述。

如果我点击“Impressum”或任何属于“Impressum”的子列表项，我想要“Impressum”为加粗。这怎么可能？

对于每个“header-item-element”应该发生相同的行为。查看下面的图片以获得更好的解释。

的CSS我对widged /侧边栏/列表是：

.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;}