>  기사  >  웹 프론트엔드  >  :before와 ::before의 유사점과 차이점

:before와 ::before의 유사점과 차이점

零下一度
零下一度원래의
2017-06-24 11:28:071832검색
  • 동일한 점

    1. 을 사용하여 의사 클래스 객체를 나타낼 수 있으며, 객체 앞에 내용을 설정하는 데 사용됩니다

    2. : before와 ::before writing은 동일합니다

  • 차이점

    1. : before는 Css2로 작성되고, ::before는 Css3으로 작성됩니다.

    2. :before는 ::before보다 호환성이 좋지만 H5에서 사용하는 것이 좋습니다. 개발 ::before is better

참고:

의사 클래스 개체는 콘텐츠 속성과 함께 사용해야 합니다.

의사 클래스 개체는 DOM에 나타나지 않으므로 js를 통해서만 작동할 수 없으며 CSS 렌더링 레이어에 추가됨

가상 클래스 객체의 특수 효과는 일반적으로 :hover 의사 클래스 스타일을 사용하여


.test:hover::before { /* 활성화합니다. 애니메이션과 전환이 적용될 때 */ }

위 내용은 :before와 ::before의 유사점과 차이점의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.