2012-02-13 2 views
11

나는 트위터 부트 스트랩에서 찾아 봤는데 어떤 구문을 가로 질러 와서 나는 그것이 무엇을하는지 모르는 :LESS CSS의`& :: '구문은 무엇입니까?

button.btn, 
input[type="submit"].btn { 
    &::-moz-focus-inner { 
    padding: 0; 
    border: 0; 
    } 

&::-moz-focus-inner에서 &:: 무엇인가

buttons.less에서?

은 내가 &는 '부모의 선택'에 대한과 ::hover 등의 의사 선택에 대한 구문의 일부임을 알고,하지만에 대한 두 번째 : 무엇인가?

ps. 나는 less 구문 참조를 찾고 있었지만 lesscss.org의 한 페이지 이외의 다른 문서는 찾을 수 없습니다. 그 한 페이지 이외의 다른 문서에 대한 문서가 있습니까?

+0

더 적은 구문에 대한 더 완전한 참조가 있는지 알고 싶습니다. – MemeDeveloper

+1

[ "언어 기능"] (http://lesscss.org/features/) 이름 아래에 숨겨져 있습니다. – Zabba

답변

10

CopyPaste에는

http://www.evotech.net/blog/2007/05/after-v-after-what-is-double-colon-notation/

에서 이중 콜론 의사 클래스와 가상 요소 사이에 명시 적 구별을 위해 CSS3에서 의사 요소에 대한 단일 콜론 선택기를 교체했다. 이전 버전과의 호환성을 위해 단일 콜론 구문은 CSS3 이전 선택기에서 사용할 수 있습니다. 따라서, 이후는 의사 클래스이고 :: after는 의사 요소입니다.

이 표기 :: 더블 콜론 표기법은 의사 클래스와 유사 요소 간의 구분을 설정하기 위해 순서의 W3에서 소개되었습니다. 기존 스타일 시트와의 호환성을 위해 사용자 상담원은 CSS 레벨 1 및 2에 도입 된 의사 요소에 대해 이전의 한 콜론 표기법을 받아 들여야합니다 (즉, 첫 번째 줄, : 첫 번째 글자, : before 및 : after). 이 호환성은 CSS 레벨 3에 도입 된 새로운 의사 요소에 대해 이 허용되지 않습니다. " 정보를 더 보려면 W3을 방문하십시오.