在Less中編寫瀏覽器特定的hack（for

Question

我想做這樣的事情（Source- CSS Tricks Article ）：

#veinte { color/*\**/: blue\9; }

在Less for IE7和IE8但它給出了錯誤。

以下作品：

#diecinueve { color: blue\9; } 

但有些元素我不想在IE9中調用。 例如，我在IE9中有一些東西:before元素:before但因為IE8不支持它，我想只在IE8中給它一個padding 。

但是這個

#veinte { color/*\**/: blue\9; }

在Less中給出錯誤。 我試過這個

#veinte { color~"/*\**/": blue\9; }

但這也不起作用。 有人知道如何在Less中做到這一點嗎？

Answer 1

您是否包括Modernizr或另一個將類直接添加到HTML元素的shiv腳本？

因此這樣的事情：

.selector {  
  ...rules...  

  .lte8 & {  
    ... < IE9 styles ...  
  }  
}  

可能適合您的需求。 （請參閱： 嵌套選擇器 ， 使用＆ ）

否則，既然你是hacky，為什么不在條件注釋中引用不同的.less編譯輸出表呢？

Answer 2

使用Less v1.6.0及更高版本可以進行屬性名稱插值 。 因此，可以如下所示實現該hack：

@hack: ~"/*\**/";
#veinte { 
    color@{hack}: blue\9; 
}

編譯CSS：

#veinte {
    color/*\**/: blue\9;
}

Answer 3

你可以嘗試這個： background-position:~"-150px 0px\\9" width:~"300px\\9";

例：

.test{
    width:~"300px\9";
}