LESS-이스케이프
기술
선택자를 동적으로 작성하고 속성 또는 변수 값을 임의의 문자열로 사용합니다.
예
다음 예제는 LESS 파일에서 이스케이프 사용을 보여줍니다.
<html>
<head>
<title>Less Escaping</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
</head>
<body>
<h1>Example using Escaping</h1>
<p>LESS enables customizable, manageable and reusable style sheet for web site.</p>
</body>
</html>이제 style.less 파일을 작성 하십시오.
style.less
p {
color: ~"green";
}다음 명령을 사용하여 style.less 파일을 style.css 로 컴파일 할 수 있습니다.
lessc style.less style.css위의 명령을 실행하면 다음 코드로 style.css 파일이 자동으로 생성됩니다.
style.css
p {
color: green;
}~ "some_text" 안에 쓰여진 것은 LESS 코드를 CSS 코드로 컴파일 한 후 some_text 로 표시됩니다 .
산출
이제 위의 코드가 어떻게 작동하는지 확인하기 위해 다음 단계를 수행해 보겠습니다.
위의 HTML 코드를 escaping.html 파일.
브라우저에서이 HTML 파일을 열면 다음 출력이 표시됩니다.
