私はドットレス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
クラスは と の組み合わせでjqmWindowBig
ありjqmWindowCommon
、すべて正常に動作します。
現在、本番環境では、compress はすべての CSS ファイルの 1 つの大きなファイルを作成し、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;
どちらも機能していないため、Combress> と組み合わせた場合、基本的に .LESS 機能は機能しません。