我正在使用无点 css。这是我的代码
.jqmWindowBig
{
width: 800px;
height: 500px;
margin-left: -400px;
margin-top: -250px;
.jqmWindowCommon;
}
.jqmWindowCommon {
background-color: #EEE;
color: #333;
border: 1px solid black;
display: none;
position: absolute;
left: 50%;
top: 50%;
padding: 12px;
overflow: auto;
}
当我在自己的机器上,在调试模式下,所有 css 文件(也是这个 main.less 文件)都被单独引用。
在这种情况下,jqmWindowBig
该类是 and 的组合jqmWindowBig
,jqmWindowCommon
并且一切正常。
现在在生产中,combrress 为我的所有 CSS 文件创建了一个大文件,然后,CSS 包含我在 .LESS 文件中输入的代码,因此该.jqmWindowCommon
部分不会被该'jqmWindowCommon'
部分替换,因此该部分是不jqmWindowBig
完整的。
这是我的梳子配置:
<resourceSets url="~/combres.axd"
defaultDuration="30"
defaultVersion="auto"
defaultDebugEnabled="auto"
defaultIgnorePipelineWhenDebug="true"
localChangeMonitorInterval="30"
remoteChangeMonitorInterval="60"
>
<resourceSet name="siteCss" type="css" >
<resource path="~/Content/StyleSheet/start.css" />
<resource path="~/Content/StyleSheet/Site.css" />
<resource path="~/Content/StyleSheet/reset.css" />
<resource path="~/Content/StyleSheet/screen.css" />
<resource path="~/Content/StyleSheet/razortemplates.css" />
<resource path="~/Content/StyleSheet/logonsmall.css" />
<resource path="~/Content/StyleSheet/ui-lightness/jquery-ui-1.8.23.custom.css" />
<resource path="~/Content/StyleSheet/MainLess.LESS" />
</resourceSet>
简而言之:.jqmWindowCommon;
在发布模式下运行时,引用不会被替换。
编辑不仅这不起作用,我可以看到这些规则
width: @planningEventItemWidth;
也不工作,所以基本上没有 .LESS 功能与 Combress 结合使用时>