@supports

• css 기능을 브라우저가 지원하느지에 따라 다른 스타일 선언을 할 수 있는 방법을 제공 (== 기능 쿼리)

• 스타일 선언 처럼 css 전역에 작성

• @supports (기능) { css 스타일 선언 } ⇒ 해당 기능을 지원하는 브라우저에 적용되는 스타일 선언

• @supports not (기능) { css 스타일 선언 } ⇒ 지원하지 않는 브라우저

• 기능들을 and와 or로 연결해서 조건으로 명시할 수 있다 (not이면 기능 조건을 마지막에 괄호로 묶기!)

• 기능은 속성, 변수 선언, 셀렉터 등이 될 수 있다
• 셀렉터 기능은 selector(셀렉터)로 표기한다 (ex. selector(.item) )

@supports (display: grid) { //브라우저에서 display:grid가 동작한다면
	div {
		display: grid
	}
}

@supports not (display: grid) { //브라우저에서 동작하지 않는다면
	div {
		float: right
	}
}