Javascript 如何缩小和合并已注释的css文件
我有这些条件css文件Javascript 如何缩小和合并已注释的css文件,javascript,.net,css,minify,Javascript,.net,Css,Minify,我有这些条件css文件 <!--[if IE 7]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie7.css" /><![endif]--> <!--[if IE 6]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie6.css" />&
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie7.css" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie6.css" /><![endif]-->
我如何缩小它们,因为它们应该分别包含在IE7和IE6中
换句话说,我应该缩小和合并这些也 这与我所说的正好相反 花时间为垂死的web浏览器进行优化是没有意义的 你已经拥有的东西很有效,而且足够好:
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie7.css" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="all" href="/Content/css/ie6.css" /><![endif]-->
ie7.css:
.something {
width: 100px;
}
.something .else {
float: left;
}
如果在主CSS文件的底部添加以下内容,则可以完全删除这些文件:
/* IE6 fixes */
* html .something {
width: 100px;
}
/* IE7 fixes */
*+html .something .else {
float: left;
}
这里有更多信息:我编写并使用了一个名为OSS的项目,该项目会自动检查您发出的响应,并寻找css和javascript进行捆绑和缩小。此工具已在Microsoft拥有的多个属性上使用,并在社区中得到广泛采用。它解决了这个问题,正如thirtydot建议的那样,只保留有条件注释的css和javascript。因为使用这些版本的用户数量很小,而且每天都在减少,所以不值得费心去捆绑它们。那些不使用IE6或IE7的人根本不会删除这些样式,因此不会受到影响。捆绑它们也特别具有挑战性,因为您必须在运行时根据访问者的用户代理发出不同的捆绑。虽然RequestReduce能够做到这一点,但我可以花更多的时间在更多的增值功能上。算了吧。这样花时间优化IE6/7是不值得的。你的意思是我根本不应该费心包括这些,因为很多人仍然使用这些浏览器。不,我不是这个意思。如果您已经编写了CSS来修复IE6/7,那么一定要保留它。我的意思是,IE6/7是否需要加载额外的样式表并不重要。换句话说,我应该缩小并合并这些样式表?