2013-07-22 2 views
1

Пожалуйста, расскажите, почему этот LESSCSS не работает? H2 не меняет цвет?Почему мой LESSCSS не работает

Благодаря

StyleSheet2.less

@color: blue; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
} 

HTML

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-2.0.3.min.js" type="text/javascript"></script> 
    <link href="_/css/StyleSheet1.css" rel="stylesheet" /> 
    <script src="_/script/JavaScript1.js" type="text/javascript"></script> 
    <link rel="stylesheet/less" type="text/css" href="_/css/StyleSheet2.less"> 
    <script src="_/script/less-1.4.1.min.js" type="text/javascript"></script> 





<!-- css3-mediaqueries.js for IE less than 9 --> 
<!--[if lt IE 9]> 
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]--> 


</head> 
<body> 
    <div> 


     <div id="bodyDiv"> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      a<br /> 
      <h2>test</h2>a<br /> 
      a<br /> 

     </div> 
    </div> 
</body> 
</html> 
+0

Что означает «не работает»? –

+0

H2 не меняет цвет –

+1

LessCSS необходимо скомпилировать в обычный файл CSS. Вы подтвердили, что это сработало? Лучше проверьте содержимое файла CSS, чтобы увидеть, что что-то изменилось на странице. – GolezTrol

ответ

1

Ваш меньше файлов синтаксически правильно, у вас есть правильный порядок меньше стилей и сценарий, и ваша консоль показывает нет ошибок, поэтому, если у вас по какой-то причине отключен javascript, ошибка должна быть в _/css/StyleSheet1.css, где вы, вероятно, определите цвет для своего h2 элемент с higher precendence, чем правило, указанное в вашей таблице стилей. Удалите это правило или дайте правилу в вашем более высоком приоритете стилей (например, #bodyDiv h2{}), чтобы решить эту проблему.

Смежные вопросы