CSS3에 판단문이 있나요?

css3에는 판단문이 있습니다. 판단문은 "@supports(실행 조건){구현하려는 CSS 문}"입니다. "@supports"는 CSS3에서 새로 도입된 규칙 중 하나로 주로 사용됩니다. 특정 CSS 속성을 지원하고 특정 스타일, 즉 CSS 기능 감지를 로드할지 여부를 조건을 통해 현재 브라우저를 판단합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css3에는 판단문이 있나요?

css3에는 판단문이 있나요?

@supports는 CSS3에 새로 도입된 규칙 중 하나이며 현재 브라우저가 특정 CSS 속성을 지원하는지 여부를 감지하고 특정 스타일, 즉 CSS 기능 감지를 로드하는 데 주로 사용됩니다.

CSS 기능 감지는 다양한 브라우저 터미널의 조건을 통해 현재 브라우저가 특정 기능을 지원하는지 여부를 확인하는 것입니다. CSS 기능 감지를 사용하면 현재 기능을 지원하는 브라우저 환경에서 새로운 기술을 사용할 수 있으며 지원되지 않는 경우 특정 대체 메커니즘을 만들 수 있습니다.

　이제 css3@supports가 어떻게 사용되는지 살펴보고, @supports가 CSS 기능을 감지하는 방법을 소개하겠습니다.

css3@supports 사용

CSS@supports는 CSS 구문을 통해 기능 감지를 구현할 수 있으며, 내부 CSS 블록에 조건부 판단문을 작성할 수 있습니다. 기능 감지에 통과하면 구현하려는 CSS 문, 기능 감지에 성공하면 구현하려는 CSS 문입니다. 통과되지 않은 경우 구현하려는 CSS 문입니다.

　기본 구문:

　　//如果通过了条件
 
　　@supports(运行条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}
 
　　//如果没有通过条件
 
　　@supportsnot(运行的条件){
 
　　/*应用规则---想要实现的css语句*/
 
　　}

간단한 예를 살펴보겠습니다.

@supports (display:flex) {
  section { display: flex }
  ...
}

위 코드의 의미는 다음과 같습니다. 브라우저가 "display:flex" 속성을 지원하는 경우 "section" 요소에 "display:"를 사용합니다. .플렉스' 스타일.

@supports는 또한 다른 논리 연산자와 결합될 수 있으며 다른 문법 규칙을 가질 수 있습니다. 다음으로 @supports의 문법 규칙과 사용법 세부 사항을 다듬어 보겠습니다.

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS3에 판단문이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!