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

时间:2015-12-08 22:44:53

标签: html css wordpress

我在Wordpress页面上有一个侧边栏。此侧栏包含一个侧面地图,它是页面的概述。

如果我点击" 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
}   

enter image description here

1 个答案:

答案 0 :(得分:0)

要使项目加粗,请查看侧栏的HTML代码。通常,侧边栏会为所选项目添加额外的类。然后你可以在CSS中引用该项。

例如,如果侧边栏添加的类被调用"活动",您的代码可能类似于:

 li.active{
 font-weight: bold;}