html - 如何使当前查看的列表标题加粗

Question

我在 Wordpress 页面上有一个侧边栏。此侧边栏包含侧 View ，它是页面的概览。

如果我单击“Impressum”或“Impressum”的子列表项中的任何元素，我希望“Impressum”为粗体。这怎么可能？

每个“header-item-element”都应该出现相同的行为。请参阅下图以获得更好的解释。

我的 widged/sidebar/list 的 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 中引用该元素。

例如，如果侧边栏添加的类称为“active”，您的代码可以是这样的:

 li.active{
 font-weight: bold;}