CSS 변환기 온라인 LESS

LESS To CSS Converter는 온라인에서 LESS를 CSS로 변환하는 데 도움이 됩니다.

가장 간단한 CSS 변환기 LESS

이 무료 온라인 도구를 사용하면 LESS 파일을 CSS 파일로 변환할 수 있습니다. 아래 양식에 LESS를 붙여넣기만 하면 즉시 CSS로 변환됩니다. 소프트웨어를 다운로드하거나 설치할 필요가 없습니다. 무료

도구를 CSS로 변환하는 LESS란 무엇입니까?

이 LESS to CSS 변환기는 LESS 데이터 및 파일을 CSS 데이터 및 파일로 변환합니다. 이 변환기는 입력 LESS 및 출력 CSS를 사용자 정의할 수 있습니다. 또한 사용자 정의 열 구분 문자 및 필드 인용 문자가 있는 LESS 파일도 허용합니다. 주석 행을 지원하며 선택적으로 빈 행을 무시할 수 있습니다. 출력 CSS 들여쓰기에 사용할 공백 수를 변경할 수도 있습니다.

LESS를 CSS로 변환하는 방법?

1단계: 입력 내용을 선택합니다. 데이터를 입력합니다.
2단계: 출력 옵션 선택(선택 사항) 출력 옵션.
3단계: 출력을 생성합니다.

LESS에서 CSS로의 변환기 예제

더 적은

@base: 24px;
@border-color: #B2B;

.underline { border-bottom: 1px solid green }

#header {
  color: black;
  border: 1px solid @border-color + #222222;

  .navigation {
    font-size: @base / 2;
    a {
    .underline;
    }
  }
  .logo {
    width: 300px;
    :hover { text-decoration: none }
  }
}

CSS

.underline {
    border-bottom: 1px solid green;
}
#header {
    color: black;
    border: 1px solid #dd44dd;
}
#header .navigation {
    font-size: 12px;
}
#header .navigation a {
    border-bottom: 1px solid green;
}
#header .logo {
    width: 300px;
}
#header .logo :hover {
    text-decoration: none;
}