是否可以用CSS做这样的事情:
CSS:
#right div.item-page, #right .newsflashlatest_news {
padding: 0 133px 0 50px;
text-align: justify;
}
#right .item-page h1, #right .newsflashlatest_news h1 {
padding: 0 !important;
}
#right {
float: left;
width: 755px;
}
HTML:
<div id="right">
fsfds
<div class="item-page" style="background: blue;">
<h1>Home</h1>
<p>Pri iisque malorum ei, est te suavitate mediocritatem, facer molestie explicari vix ne. </p>
</div>
</div>
我需要将上述规则应用于 div.itemp-page 中除 h1 元素之外的所有元素。基本上这意味着除了 h1 元素之外的所有元素都会有填充。
简单地添加“#right div.item-page h1”在某种程度上不适用于我的情况(请参见此处:http://jsfiddle.net/Pr47M/ http://jsfiddle.net/Pr47M/)
你可以做这样的事情
#right div.item-page {
padding: 0 133px 0 50px;
text-align:justify;
}
#right div.item-page h1 {
padding: 0;
text-align:left;
}
或者你也可以这样做
#right div.item-page *:not(h1) {
padding: 0 133px 0 50px;
text-align:justify;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)