css - 第一行上方的第二行文本

Question

我在 wordpress 网站的最近发布的小部件中显示长标题时遇到问题，因为当链接太长时，它会中断到另一行，但这一新行与第一行混淆了，因为第二行在上面。我尝试在 .widgettitle li 中添加此 CSS 行 line-height: 1.6em; 但没有成功，并尝试了更多可能与姓名。零成功，那我做错了什么？

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

.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。