Css 第一行上方的第二个文本行
我在wordpress网站最近发布的一个小部件中遇到了一个显示长标题的问题,因为当链接太长时,它会断开到另一行,但这一新行会弄乱第一行,因为第二行在上面。我尝试添加CSS行Css 第一行上方的第二个文本行,css,wordpress,Css,Wordpress,我在wordpress网站最近发布的一个小部件中遇到了一个显示长标题的问题,因为当链接太长时,它会断开到另一行,但这一新行会弄乱第一行,因为第二行在上面。我尝试添加CSS行行高:1.6em在.widgettitle li中,但不起作用,尝试了更多可能与名称相关的类。零成功,那么我做错了什么 我只能通过预期元素看到应用于此框的类,以下是URL。我在我的任何索引页或头代码上都没有看到该类名 .widgettitle { color:#fff; background-color:#cc
行高:1.6em
在.widgettitle li
中,但不起作用,尝试了更多可能与名称相关的类。零成功,那么我做错了什么
我只能通过预期元素看到应用于此框的类,以下是URL。我在我的任何索引页或头代码上都没有看到该类名
.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;
}
将
行高值指定给.widgettille li,而不是.widget\u recent\u条目li a
问题是您没有以足够的特异性向选择器声明样式。我怀疑a标记以前继承了#侧边栏secondary li的行高
。请给我们看一下相关的HTML和CSS代码。这似乎是一个行高问题,但正如Daniel指出的。。。请给我们一个小提琴或“真实世界”链接给a
代码行高:1.6
。问题解决了@Chun,它成功了,不是吗?谢谢你@Daniel Lisik:)为了让你的答案更完整,CSS中的这种“深度”是具体的:[链接]@miguel svq谢谢你的提示。将更新更合适的条款。