如何覆盖CSS类,以便不应用任何东西？

Question

实际上我想说的是对不起,如果标题是我们的,那么我有一个框架(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;
}

Answer 1

为了覆盖这一点,您可以将每个规则重置为您希望的内容,并确保您的公司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/