jjaayy11
40
2020-05-23 20:08:39 작성 2020-05-23 21:04:09 수정됨
0
86

Less 스타일시트가 적용되지 않습니다....


안녕하세요,,,


윈도우 10 및 비쥬얼 스튜디오 코드를 사용중이며,


lesscss.org 에 접속하여 script 태그 안의 src 속성 값을 클릭 하여 

https://cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js  

위 링크에 접속하였습니다. 그리고 마우스 우클릭하여 less.min.js 파일을 다운로드 받았습니다.

(html 파일, less.min.js  및 LessStyleSheet.less 파일은 모두 같은 폴더안에 있습니다)


이후 html 파일에는  head 태그의 자식으로

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet/less" type="text/css" href="LessStyleSheet.less">
    <script src="less.min.js" type="text/javascript"></script>
</head>
위와 같이 입력했습니다.

html 파일 안의 본문 코드는 아래와 같으며,
<body>
    <h1>Hello!</h1>
</body>

LessStyleSheet.less 파일의 코드는 아래와 같습니다.

body {
    h1 {
        colorred;
    }
}


그런데,, h1 태그에 스타일이 적용 안되네요...

혹시 몰라 script 태그의 src 속성 값을 lesscss.org 에 나와있는 값 그대로 해보았는데도 안되구요..

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.9.0/less.min.js" ></script>


도와주시면 감사하겠습니다...

0
0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.