第一行上方的第二条文本行

Question

我在wordpress网站的最近一个帖子小部件中显示一个长标题时出现问题，因为当链接太长时，它会破坏到另一条线但是这条新线正在弄乱第一条线，因为第二行在上面。我尝试在line-height: 1.6em;中添加此CSS行.widgettitle li，但没有工作，并尝试了几个可能与名称相关的类。它取得了成功，所以我做错了什么？

我只能通过期待元素看到应用于此框的类，这里是URL http://experiencias.freeserver.me/。我在任何索引页面和头部代码上都没有看到该类名称。

.widgettitle {
    color:#fff;
    background-color:#cc3234;
    border: 1px #D9D9D9 solid;
    font-size:20px;
    padding-left:5px;
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
}
    .textwidget {
    list-style-type: none;
    font: 14px/16px Helvetica, Arial, sans-serif;
    padding:5px;
    line-height: 1.6em;
}
.widget {
    overflow:hidden;
    padding: 0 0 10px 10px;
    margin: 0 0 10px;
}
.widget .date {
    font-size:11px;
}
.widget h4 {
    font-weight:normal;
}
.widget .sub-menu {
    margin-left:10px;
}
.widget .sub-menu li{
    margin-left:5px;
}
.widget .menu-main-container li{
    list-style-type:square;
    margin-left:15px;
}
.recent-posts li, .tweet-list li {
    border-bottom: dotted 1px #555;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.recent-posts li:last-child {
    border-bottom:none !important;
    padding-bottom:none;
    margin-bottom:none;
}

.recent-posts h3 {
    font-weight: 600;
    font-size: 12px;
}

.recent-posts h5 {
    font-size: 11px;
    font-family: Helvetica, Arial, sans-serif;
}

Answer 1

不是将line-height值提供给 .widgettitle li ，而是将其提供给 .widget_recent_entries li a 。

问题在于您没有将样式声明为具有足够特异性的选择器。我怀疑 a 标记以前从＃sidebar-secondary li 继承了line-height。