▲

WebKit, CSS Nesting 지원 시작

 (webkit.org)
6P by xguru 2023-02-17 | favorite | 댓글 1개
  • 작년 여름에 CSSWG에서 투표를 진행해서 옵션3 이었던 "브라켓 표기" 방식이 승리
  • 이에 사파리/크롬이 옵션3을 구현했고, 1/25에 릴리즈된 사파리 기술 프리뷰 162 버전부터 적용
.foo {  
  color: green;  
 .bar {  
    font-size: 1.4rem;  
  }  
}
  • 브라우저 파싱 엔진의 제한으로 내부의 셀렉터(위의 .bar)는 무조건 기호로 시작해야함 . # : [ * + > ~
    → 즉 main { article {...} } 은 불가능함 main { & article {...} } 형태로 표시해야함