我实际上想说的是对不起,如果标题是我们有一个框架(Richfaces)应用它自己的风格。我有一个公司CSS,我不是CSS专家,我只需要覆盖来自richfaces的css,这样就不会在公司CSS中应用任何内容。
以下是来自richfaces的CSS,我不想应用它:
*.rf-dt-hdr-c {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #C4C0C9;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C4C0C9;
background-color: #D4CFC7;
background-image: url(/rfRes/colHdrGrad.png.xhtml?v=4.0.0.Final&db=eAFjZJBjZDBiZBBh!H!!zlXG!1fOH2dgAgA4fAdk&ln=org.richfaces.images);
background-position: top left;
color: #000000;
font-family: Arial, Verdana, sans-serif ;
font-size: 11px;
font-weight: bold;
padding: 4px;
text-align: center;
}
答案 0 :(得分:5)
为了覆盖这一点,您可以将每个规则重置为您喜欢的规则,并确保您的公司CSS在链接顺序中显示为较低。 (也就是说,最后应用你的公司风格。)
例如,如果你根据CSS的需要重做每个样式,你应该像这样链接它们
<link rel="stylesheet" type="text/css" href="Styles/richface.css" />
<link rel="stylesheet" type="text/css" href="Styles/corporate.css" />
如果样式相同,则会应用顺序中较低/较晚的样式(因为它会覆盖前者)。
真的,要让你的样式覆盖其他样式,你的CSS需要比其他CSS更具体。
因此,您还可以将元素设置为更具体。
而不是
*.rf-dt-hdr-c {
使它像
div#wrapper div.rf-dt-hdr-c {
增加了特异性。当然,规则需要与您的HTML匹配。
有关特异性的更多信息,请参阅:http://www.htmldog.com/guides/cssadvanced/specificity/
答案 1 :(得分:2)
在某种意义上,你不可能在评论中描述答案,“我不知道用什么来覆盖属性。”没有办法在CSS规则中指定另一条规则不应用。
答案 2 :(得分:0)
text-align: center !important;
!important
会覆盖其他样式