Tech News

https://www.w3.org/TR/2021/WD-css-nesting-1-20210831/ 

- CSS 스타일안에 다른 스타일을 중첩 가능하게 해주는 스펙

ㅤ→ 상위 규칙 선택자 기준으로 하위 규칙 선택자 사용

- CSS 의 모듈성과 유지보수성 증가

- 직접 중첩 선언 또는 규칙기반 @nest 지원

- Nesting Selector '&'

table.colortable {

ㅤ& td {

ㅤㅤtext-align:center;

ㅤㅤ&.c { text-transform:uppercase }

ㅤㅤ&:first-child, &:first-child + td { border:1px solid black }

ㅤ}

ㅤ& th {

ㅤㅤtext-align:center;

ㅤㅤbackground:black;

ㅤㅤcolor:white;

ㅤ}

}