새로운 메서드인 first-valid()가 도입되었습니다.

아이디어는 값 목록을 함수에 전달하는 것입니다. 값 목록은 해결되고 첫 번째 유효한 값이 사용됩니다. 이는 CSS 사용자 지정 속성(일명 CSS 변수)을 처리할 때 특히 유용합니다.

 

CSS:

 

/* 배경이 없을 때 */

div {

 --a: 20px;

 --b: blue;

 background: red;

 background: var(--a);

}

 

/* 배경이 blue일때 */

div {

 --a: 20px;

 --b: blue;

 background: red;

 background: first-valid(var(--a), var(--b));

}

 

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교