快速删除css无效样式,html – css覆盖删除未使用的样式bootstrap

您好我想删除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

但只有背景颜色的值会发生变化.

如何删除其余未使用的?我不想在原始的css文件中删除它!

最佳答案 如果通过“如何删除剩余的未使用的?”你的意思是如何重置CSS,以便没有渐变等,那么你将不得不重置bootstrap-override.css中的这些属性.

在CSS中几乎没有一个重置或默认属性可以一致地使用,所以你真的需要覆盖以前设置的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或:active,例如,不在原始重置选择器中!

编辑1(12-11-2015)

在对未设置的css属性进行了一些谷歌搜索后,我在mdn上找到了页面

正如你所看到的浏览器支持除了初始之外的任何东西都不错,所以这将是你唯一的去,如果你可以放弃对Internet Explorer的支持,我认为可能会在未来2 – 3年内因微软的新浏览器Edge而发生.

browserstats来自http://caniuse.com,这是我检查浏览器兼容性的主要来源.

希望链接有所帮助.

所有日期都格式化为dd-mm-yyyy

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值