CSS에서 '리버 트'는 무엇을합니까?

Miriamsuzanne 은이 주제에 대한 Mozilla 개발자 비디오에서 설명합니다.

CSS의 반복 값은 속성을 상속 된 값으로 다시“재설정”하며 UA 스타일 시트만큼 멀리 돌아갑니다. 예를 들어

가 UA 스타일 시트에 설정된 블록 레벨 요소이기 때문에 A

를 인라인으로 재설정하지 않기 때문에 중요합니다.

그래서 우리 가이 HTML을 가지고 있다면 :

 <p> Lorem, ipsum dolor. </p>
<p> Fugit, id vel. </p>

및 CSS :

 p {
  색상 : 빨간색;
}
.alt {
  색상 : 되돌아갑니다.
}

두 단락은 모두 P 선택기에 의해 선택되어 빨간색으로 만들지 만 두 번째 단락의 클래스 선택기는 더 높은 특이성을 가지므로 색상 : 되돌립니다. 승리, 텍스트를 검은 색으로 변경합니다 (UA 기본값).

그러나 컬러 속성은 캐스케이드이므로 우리가 가지고 있다면 :

 <div>
  <p> Lorem, ipsum dolor. </p>
  <p> Fugit, id vel. </p>
</div>

 .parent {
  색상 : 파란색;
}
p {
  색상 : 빨간색;
}
.alt {
  색상 : 되돌아갑니다.
}

두 번째 단락은 파란색이 될 것입니다. 반대는 상속에서 색상을 가져 오도록 강요하기 때문입니다.

리버드 가치는 상당히 새롭고 Firefox 및 Safari에서 지원되지만 아직 Chrome 세계에서는 그렇지 않습니다. 우리는 이미 상속 및 재설정 값을 제어하는 ​​데 도움이되는 모든 속성에서 작동하는 몇 가지 관련 키워드를 가지고 있습니다.

차이는 작지만 중요합니다. Unset은 상속을 허용하지만 초기는 그렇지 않습니다.

Miriam은 Revert가 실제로 가장 유용한 경우 "사용자 및 사용자 에이전트 스타일을 사용하지 않기 때문에"가장 유용합니다.

나는 동의하지 않는다. 그러나 (그리고 나는 이것을 말하는 것을 싫어합니다) 나는 우리에게 초기의 힘을 강요하는 네 번째 옵션이 필요하지만 UA 스타일 시트의 역전을 존중해야한다고 생각합니다. 같은…

 .Button {
  모두 : 기본값; /* 진짜가 아닙니다! */

  / * UA 기지에서 시작하는 새로운 스타일 */
}

이 키워드는 모든 속성과 함께 작동하지만 모든 것을 사용하는 것이 가장 설득력이 있다고 생각합니다. 빈 슬레이트로 시작하기 위해 요소의 모든 스타일을 닦는 방법입니다. 즉, 세 가지 옵션 중 어느 것도 그 유스 케이스에 충분하지 않습니다. Unset 및 Revert 값은 여전히 ​​상속을 허용하므로 스타일을 충분히 지우지 않기 때문에 충분하지 않습니다. 초기 값은 블록 대신

인라인을 만드는 것과 같이 기대하지 않을 수없는 기본값을 제거한다는 점에서 너무 강합니다.

위 내용은 CSS에서 '리버 트'는 무엇을합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!