css覆盖删除未使用的样式引导程序

Question

嗨，我想删除css中未使用的样式，或者覆盖它们。标准样式如下：

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
background-color: #006dcc;
background-image: -moz-linear-gradient(to bottom,#08c,#04c);
background-image: -ms-linear-gradient(to bottom,#08c,#04c);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
background-image: -o-linear-gradient(to bottom,#08c,#04c);
background-image: linear-gradient(to bottom,#08c,#04c);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
border-color: #04c #04c #002a80;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);

我想把它做成

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
background-color: #93A630;
}

为此，我使用bootsrtrap-override.css

但是只有CCD_ 1的值改变。如何删除剩余未使用的？我不想在原始css文件中删除它！

Answer 1

如果由"如何删除剩余未使用的"你的意思是如何重置CSS，这样就没有渐变等，那么你必须在bootstrap-override.css中重置这些属性。

CSS中几乎没有reset或default属性可供一致使用，因此您实际上需要覆盖之前设置的CSS。

这将使您的代码片段看起来像：

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #93A630;
    /*additional resets*/
    background-image: none;
    filter: none;
    border-color: transparent;
    text-shadow: none;
}

这将通过以正常方式覆盖样式来删除样式，而不删除原始文件中的内容。

由于您已经在设置:hover状态和额外类的样式，所以您可以继续使用-但是，请注意其他选择器，例如，可能有:hover或:active，而这些选择器不在您的原始重置选择器中！

编辑1（12-11-2015）

在为unset css property做了一些谷歌搜索后，我在mdn 上找到了页面

1. unset-浏览器支持
2. background-color0-浏览器支持
3. inherit-浏览器支持

正如你所看到的，除了initial之外，浏览器对任何东西的支持都不好，所以这将是你唯一的选择IF你可以放弃对Internet Explorer的支持，我认为由于微软的新浏览器Edge，这可能在未来2-3年内发生。

浏览器标签来自http://caniuse.com，我检查浏览器兼容性的主要来源。

希望链接能有所帮助。

所有日期的格式为dd-mm-yyyy

Answer 2

您需要设置background-image: none;，使其真正变成您想要的颜色

示例：

p {
      background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom,#08c,#04c);
    background-image: -ms-linear-gradient(to bottom,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(to bottom,#08c,#04c);
    background-image: -o-linear-gradient(to bottom,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
p{
    background-color: #93A630;
    background-image: none;
}

<p>Test</p>

如果我没有正确回答你的问题，请在评论中告诉我

Answer 3

将其添加到css 中

background-image: none;
border: 0;
text-shadow: none;