LESSCSS가 작동하지 않는 이유는 무엇입니까

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>

출처

2013-07-22 Hello-World

"작동하지 않는다"는 것은 무엇을 의미합니까? –

H2가 색상을 변경하지 않습니다. –

LessCSS를 일반 CSS 파일로 컴파일해야합니다. 이것이 효과가 있다는 것을 확인 했습니까? 페이지에서 내용이 변경되는지 확인하기 위해 CSS 파일의 내용을 확인하는 것이 좋습니다. – GolezTrol

당신의 적은 당신이 덜 스타일 시트와 스크립트의 올바른 순서를 올바른 구문이되는 파일 및 콘솔 쇼 오류가 없으므로 어떤 이유에서든 자바 스크립트를 사용하지 않으면 오류가 _/css/StyleSheet1.css에 있어야합니다.에 대한 색상을 정의해야합니다.요소가 인 경우 스타일 시트에서 지정한 규칙보다 큽니다. 이 문제를 해결하려면 해당 규칙을 제거하거나 스타일이 적은 스타일 시트의 규칙을 더 높은 우선 순위 (예 : #bodyDiv h2{})로 지정하십시오.

출처

2013-07-22 11:18:36 Christoph

LESSCSS가 작동하지 않는 이유는 무엇입니까

답변

관련 문제