客戶端我寫

這裏是頁面的HTML內容：客戶端我寫

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
    <script src="js/less-1.3.0.min.js" type="text/javascript"></script> 
    <link rel="stylesheet/less" type="text/css" href="style.less" >  
</head>

如果我在谷歌瀏覽器打開源和在新標籤打開看看javascript文件少，而且我寫的樣式表越少，我就能看到內容，意味着它們正確鏈接。

爲什麼我的LESS風格不適用？

編輯：即使從WAMP運行此以避免整個「file：///」問題，不適用樣式。

編輯：

的.LESS文件的內容：

html, body { 
    margin:0; 
    padding:0; 
} 

#headbg { 
    height:497px; 
    background-color:red; 
} 

#header-wrapper { 
    width:980px; 
    margin-left:auto; 
    margin-right:auto; 
    overflow:hidden; 
} 

#header-wrapper #left-container { 
    float:left; 
    position:relative; 
    outline:1px solid cyan;  
} 

#logo { 
    margin-left:10px; 
    display:block; 
} 

#logo-hue { 
    position:absolute; 
    top:20px; 
} 

#social { 
    float:left; 
    color:#fff; 
} 

#social .message { 
    text-align:center; 
} 

#social .contact { 
    text-align:center; 
} 

#header-wrapper #carusel-container { 
    float:left; 
    outline:1px solid cyan; 
} 

#bodybg { 
    background-color:#fff; 
}

來源

2012-05-14 Only Bolivian Here

也許你有一個錯誤在你的style.less？很難猜測......通過更少的編譯器來嘗試它。 –

詳細描述你正在遇到的具體問題 - 控制檯上是否有錯誤？行爲與預期不符？ –

控制檯上沒有任何錯誤。根本沒有應用這些樣式。 –

凌駕於任何其他樣式的參考。

<head> 
    <link rel="stylesheet/less" type="text/css" href="style.less" >  
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> 
    <script src="js/less-1.3.0.min.js" type="text/javascript"></script> 
</head>

來源

2012-05-14 14:32:46 RSM

這必須是我見過的最愚蠢的錯誤。謝謝你的幫助！：D –

這很好。我曾經有過這個問題。一定要小心，混合使用jquery includes和js使用css – RSM

瑞安的答案是正確的：然而，隨着JS和CSS理論說的js將開始加載取決於哪個函數被調用工作不久。但是當js腳本正在運行時 - css尚未加載。所以alwasy首先加載css，這樣js（如果它們能夠直接運行，例如document.ready（）） - 它們具有所需的所有屬性和樣式。

出於同樣的原因，你應該在嘗試任何插件之前首先包含jquery文件（如果你使用的話）。

希望它有幫助

來源

2012-05-14 14:43:53 user769889

回答

相關問題