CSS 해킹의 분류와 CSS 해킹의 세 가지 방법에 대한 자세한 설명

여기에서 전문을 인용했습니다. 훌륭한 기사입니다

• 무엇
  다른 제조업체의 브라우저나 특정 브라우저의 다른 버전으로 인해( IE6~IE11, Firefox/Safari/Opera/Chrome 등)에서는 CSS 지원 및 구문 분석이 다릅니다. 이때 통합된 페이지 효과를 얻으려면 다양한 브라우저 또는 버전에 맞는 특정 CSS 스타일을 작성해야 합니다. 이러한 다양한 브라우저/다른 버전에 해당하는 CSS 코드를 작성하는 과정을 CSS 해킹이라고 합니다.

• 어떻게
  다른 브라우저와 버전에 따라 CSS를 지원하고 파싱하는지, 그리고 css 우선순위브라우저 디스플레이에 미치는 영향 효과를 사용하면 다양한 브라우저 시나리오에 따라 다양한 CSS를 적용할 수 있습니다.

• css 해킹 분류
  에는 CSS 속성 접두사 방식, 선택자 접두사 방식, IE 조건부 주석 방식의 세 가지 표현 방식이 있습니다. .

• 속성 접두사 방식(예: 클래스 내부 핵)

• 선택자 접두사 방식

• IE 조건부 주석 방식
  css hack은 일반적으로 폭넓은 활용 범위와 강력한 인식 능력을 전면에 내세우는 CSS를 정의합니다.

• css hack 방법 1 : 조건부 주석 방식 (IE10 이하에 해당, IE10 이상에서는 더 이상 조건부 주석을 지원하지 않습니다)

• gt: 초과, 조건부 버전 이상을 선택하고 조건부 버전을 제외합니다.
  lt: 미만, 조건부 버전을 제외하고 조건부 버전 아래 버전을 선택하세요.
  gte: 크거나 같음, 조건부 버전을 포함하여 조건부 버전 이상을 선택합니다.
  lte: 작거나 같음, 조건부 버전을 포함하여 조건부 버전 아래 버전을 선택하세요.
  ! : 높음, 낮음 상관없이 조건부 버전을 제외한 모든 버전을 선택합니다.

• 조건부 주석 속성:

• 예

     <!--[if IE]>
     <p class="p1">只在IE5、6、7、8、9下显示</p>
     <![endif]-->
     <!--[if ! IE]><!-->
     <p class="p5">非IE</p>
     <!--<![endif]-->

  HTML 스크립트의 일반적인 주석 방식<!-- -->, 조건부 주석 방식은 IE10 이하의 IE 브라우저에서만 인식할 수 있으며, 다른 브라우저에서는 닫힌 주석과 효과가 없는 주석 쌍만 볼 수 있습니다. IE가 아닌 댓글의 경우 내부에 종료 댓글 역할을 하는 <!-->가 있다는 점에 유의하세요.

     <!--[if IE 6]>
     <p class="p2">只在IE6下显示</p>    
     <![endif]-->
     <!--[if gte IE 6]>
     <p class="p3">只在IE6以上版本</p>    
     <![endif]-->
     <!--[if ! IE 8]>
     <p class="p4">非IE8的的IE浏览器</p>
     <![endif]-->

• css 해킹 방법 2: 클래스 내 속성 접두사 방법
  속성 접두사는 CSS 스타일 속성에 일부 속성을 추가하는 것입니다. 특정 브라우저에서만 사용할 수 있는 이름 hack 접두어는 브라우저에서만 인식할 수 있으며 예상한 페이지 표시 효과를 달성했습니다.
  다음은 표준 모드에서의 해킹 방법입니다

• 규칙
  *색상: IE5.5, 6, 7
  +색상: IE5. , 6, 7
  #color: IE5.5, 6, 7
  -color: IE5.5, 6
  ＿color: IE5.5, 6
  이 중에서 저는 *and＿를 즐겨 사용합니다.
  색상

위 내용은 CSS 해킹의 분류와 CSS 해킹의 세 가지 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!