캐스케이드(cascade) 레이어를 선언하거나 선언된 레이어의 우선 순위를 지정한다.
@layer <layer-name>? { <stylesheet>
}
<layer-name>은 선택 사항이며 명시하지 않으면 익명 캐스케이드 레이어로 생성된다. 명명된 레이어와 동일한 방식으로 작동하지만 나중에 규칙을 할당할 수 없다. 익명 레이어의 우선 순위는 이름 지정 여부와 관계없이 레이어가 선언된 순서이며 레이어 외부에 선언된 스타일보다 낮다.
@layer <layer-name>#;
스타일 규칙을 할당하지 않고 레이어 이름만 제공하여 새 레이어를 정의할 수 있다. 하나 이상의 <layer-name>을 쉼표로 구분하여 목록으로 작성할 수 있으며 작성 순서에 따라 우선 순위가 정해진다. 레이어 이름만을 정의했으므로 이후에 <stylesheet>를 선언해야 한다.
아래 유형에서 지원하는 모든 키워드와 단위를 사용하지 않을 수도 있다.
구문상 명시적 레이어 이름으로 @layer
및 @import
규칙에서 표시되며 마침표로 구분된 <ident>
토큰의 목록으로 공백이 없다.
<ident> [ '.' <ident> ]*
규칙 목록을 나타낸다. <rule-list>
와 동일해 보이는데 이를 사용하는 블록은 특정 컨텍스트로 제한되지 않는 모든 규칙을 기본적으로 허용한다는 점을 제외하면 실제로 동일하다.
정규화된 규칙으로서 구성 요소 값의 목록으로 구성되며 서두와 단순한 { }
으로 구성된 블록 형식을 갖는다. CSS에서 대부분의 정규화된 규칙은 스타일 규칙이며 서두는 선택자(selector)이고 { }
블록은 속성의 선언 목록을 갖는다.
@layer mylayer2, mylayer1;
Modules | ||
---|---|---|
Module Name | Status | Summary |
CSS Cascading and Inheritance Level 5 | Last review date: 2023-4-7 |