CSS选择除h1之外的所有元素

CSS选择除h1之外的所有元素,css,Css,是否可以使用CSS执行以下操作: CSS: HTML: fsfds 家 我是一个平庸的人,我是一个普通的人 我需要将上述规则应用于div.itemp-page中除h1元素之外的所有元素。基本上这意味着除了h1元素之外,所有元素都有填充 简单地添加“#right div.item-page h1”在某种程度上对我的案例不起作用(请参见此处:)你能不能不这样做 #right div.item-page h1{ padding: 0px; } 只需使用您的类,但在底部添加以下内容:

是否可以使用CSS执行以下操作:

CSS:

HTML:


fsfds
家
我是一个平庸的人,我是一个普通的人

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


简单地添加“#right div.item-page h1”在某种程度上对我的案例不起作用(请参见此处:)

你能不能不这样做

#right div.item-page h1{
  padding: 0px;    
}

只需使用您的类,但在底部添加以下内容:

#right div.item-page h1 {
 padding: 0;  
 text-align:whatever-you-need;

}没有css选择器将特定元素排除在选择之外。 因此,您可以使用选择器,但必须添加

#right div.item-page {
     padding: 0 133px 0 50px;  
     text-align:justify;
}
#right div.item-page h1{
padding: 0;
}
为什么不直接写-

#right div.item-page {
     padding: 0 133px 0 50px;  
     text-align:justify;
}
#right div.item-page h1 {
     padding: 0px;  
     text-align:left;
}
试试这个:

#right div.item-page {
     padding: 0 133px 0 50px;  
     text-align:justify;
}
#right div.item-page h1
{
padding:0px;
}
没有一个特定的CSS选择器将特定的元素排除在外。您必须手动添加它。由标记和类指定的任何元素都会自动重写一个类。阅读更多关于CSS类的信息。

试试这个

#right div.item-page *{
    padding-bottom:20px;    
}
#right div.item-page h1{
    padding-bottom:0;   
}

“*”表示div中的所有元素

#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;
}

说真的,有这么多答案,而不是这个

#right div.item-page *:not(h1) {
     padding: 0 133px 0 50px;  
     text-align:justify;
}

这个正好回答了您的问题,但是您永远不应该使用
*
选择器,这是性能和可维护性方面非常糟糕的做法。相反,您应该自己正确设置元素的样式,并避免过度通用的样式设置。

根据您的JSFIDLE,使用以下代码更改css

#right div.item-page *:not(h1), #right .newsflashlatest_news *:not(h1) {
   padding: 0 133px 0 50px;
   text-align: justify;
}

#right .item-page h1, #right .newsflashlatest_news h1 {
   padding: 0 !important;
}

#right {
   float: left;
   width: 755px;
}

问题已解决。:)

试试
#right div.item-page:not(h1){
。这将在div.item-page的任何级别的所有子元素中添加填充(比如div.item-page div-div也将接收填充,我不需要这个)显然没有人听说过CSS3:)只是一个问题,为什么要使用
*
?如果没有它,它就不能工作吗?如果没有它,它也可以工作,我添加它是为了详细说明它意味着
*
选择器。因为CSS是背对背计算的,这对于浏览器来说是一个计算成本非常高的规则——它必须对页面上的每个元素进行计算。实际上,我认为它是有效的,但事实并非如此。因为它将向div.item-page的子元素(例如to)添加填充,但也会向所有子元素(所有子元素)添加填充(如…那么subdiv2也将接收填充,但这不是必需的)。带填充的第一个选项:0不适用于我(wither)。()
#right div.item-page *:not(h1) {
     padding: 0 133px 0 50px;  
     text-align:justify;
}
#right div.item-page *:not(h1), #right .newsflashlatest_news *:not(h1) {
   padding: 0 133px 0 50px;
   text-align: justify;
}

#right .item-page h1, #right .newsflashlatest_news h1 {
   padding: 0 !important;
}

#right {
   float: left;
   width: 755px;
}