CSS选择h1以外的所有元素 [英] CSS select all elements except h1

问题描述

是否可以使用CSS这样的东西:

Is it possible to do with CSS something like this:

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>

除h1元素外，我需要将以上规则应用于div.itemp-page中的所有元素.基本上，这意味着除h1元素外，所有元素都将具有填充.

I need to apply the rules above to all elements in div.itemp-page except h1 element. Basically this means that all elements would have padding except h1 element.

仅添加"#right div.item-page h1"不适用于我的情况(请参见此处: http://jsfiddle.net/Pr47M/)

Simply adding "#right div.item-page h1" somehow doesn't work for my case (see here: 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;
}

这篇关于CSS选择h1以外的所有元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！