# W3C, CSS Nesting Module 초안 공개

> Clean Markdown view of GeekNews topic #4937. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4937](https://news.hada.io/topic?id=4937)
- GeekNews Markdown: [https://news.hada.io/topic/4937.md](https://news.hada.io/topic/4937.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-09-02T10:20:15+09:00
- Updated: 2021-09-02T10:20:15+09:00
- Original source: [w3.org](https://www.w3.org/TR/2021/WD-css-nesting-1-20210831/)
- Points: 3
- Comments: 0

## Topic Body

- 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;

ㅤ}

}

## Comments



_No public comments on this page._