: before와 :: before의 차이점은 무엇입니까?

: before와 :: before의 차이점은 무엇입니까?

---

::before태그 가 포함 된 CSS 코드를 방금 보았습니다 . 나는 MDN 이 무엇인지보기 위해 ::before봤지만 정말 이해하지 못했습니다.

누군가 어떻게 작동하는지 설명 할 수 있습니까?

CSS로 선택하기 전에 DOM 요소를 만드나요?

---

이것은 의사 요소를 의사 클래스와 구별합니다.

의사 클래스와 의사 요소의 차이점은 http://www.d.umn.edu/~lcarlson/csswork/selectors/pseudo_dif.html에 설명되어 있습니다 .

---

해당 문서에 따르면 다음과 같습니다.

element:before  { style properties }  /* CSS2 syntax */

element::before { style properties }  /* CSS3 syntax */

유일한 차이점은 이중 콜론은 CSS3에서 사용되는 반면 단일 콜론은 레거시 버전이라는 것입니다.

추리:

:: before 표기법은 의사 클래스와 의사 요소를 구별하기 위해 CSS 3에 도입되었습니다. 브라우저는 CSS 2에 도입되기 전에 표기법도 허용합니다.

---

그들은 본질적으로 같은 것을 의미합니다. 는 ::및 의사 클래스 (: 전후 등) 의사 요소 사이 도움말 descriminate에 CSS3에 도입되었다 (같은 : 링크 : 호버를).

---

나는 MDN 과 w3.org를 확인했고 내가 생각 해낼 수있는 최선의 방법 ::은 구조적 변경에 :사용되며 스타일링에 사용 된다는 것 입니다 .

현재 호환성을 위해 서로 바꿔 사용할 수 있습니다.

:link(예를 들어) a 스타일 <a>을 :before( 구조적 변경) 에서 분리하는 것처럼 보입니다 .

:스타일링을위한 것이고 ::구조를위한 것입니다.

---

하나는 CSS2 (: before) 방식이고 다른 하나는 CSS3 (:: before) 방식입니다. 현재 CSS2 및 CSS3를 지원하는 브라우저에서 상호 교환이 가능합니다.

다음은 좋은 설명입니다. http://www.impressivewebs.com/before-after-css3/

참고 URL : https://stackoverflow.com/questions/7327326/what-is-the-difference-between-before-and-before