覆盖CSS类和ID

时间:2014-07-21 14:45:22

标签: css wordpress

我正在使用Gantry Framework for WordPress,我想完全删除格式。例如,这是一些应用于其中一个职位的样式。

#rt-top-surround {
    background-color: #363636;
    background-image: -moz-linear-gradient(top,#3b3b3b,#2e2e2e);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#3B3B3B),to(#2E2E2E));
    background-image: -webkit-linear-gradient(top,#3B3B3B,#2E2E2E);
    background-image: -o-linear-gradient(top,#3b3b3b,#2e2e2e);
    background-image: linear-gradient(to bottom,#3B3B3B,#2E2E2E);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b',         endColorstr='#ff2e2e2e', GradientType=0);
    color: #ADADAD;
    text-shadow: 0 2px 3px #000;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    border-bottom: 1px solid #000;
}

我要做的是摆脱它(在子style.css文件中)如下:

#rt-top-surround {
    background-color: #AAA89C;
    background-image: none;
    background-repeat: inherit;
    filter: progid: none;
    color: inherit;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}

有更好的方法吗?也许抓住所有方式去除造型?我无法将其从主要的style.css文件中删除,因为任何未来的更新都会将其恢复。

我处理它的方式很好,我想我只是想知道是否有更简单的方法来覆盖这样的样式?

修改 似乎有点混乱,抱歉不清楚。我想我正在寻找类似CSS的所有速记属性,它会重置所有属性。因此,我不必写出每个属性并将其设置为默认值,而只需编写

#rt-top-surround {
    all: initial;
}

这样可以省去一堆编码。不过,我不认为这个房产已经准备好了。

2 个答案:

答案 0 :(得分:0)

您应该能够创建另一个样式表并将其设置为优先于所有其他样式表。 override.css请参阅以下链接;我建议选择2。

http://wordpress.org/support/topic/overriding-all-other-stylesheets

答案 1 :(得分:-1)

您可以使用"!important"属性。例如..

#rt-top-surround {
    background-image: none !important;
}

这将覆盖主样式表。您可以将其放入单独的override.css文件中。

了解"!important"在这里:http://webdesign.about.com/od/css/f/blcssfaqimportn.htm