CSS가 가짜 요소와 함께 작동하는 이유

질문 : CSS가 가짜 요소와 함께 작동하는 이유는 무엇입니까?

---

제 수업에서 저는 CSS가 구성 요소와 함께 작동한다는 것을 알아 냈습니다.

예:

imsocool {
    color:blue;
}

<imsocool>HELLO</imsocool>

교수님이 제가 이것을 사용하는 것을 처음 보았을 때, 그는 구성 요소가 작동한다는 사실에 조금 놀랐고 제가 구성한 모든 요소를 ID가있는 단락으로 변경하도록 권장했습니다.

교수님이 내가 만든 요소를 사용하는 것을 원하지 않는 이유는 무엇입니까? 그들은 효과적으로 작동합니다.

또한 왜 그는 구성 요소가 존재하고 CSS와 함께 작동하는지 몰랐습니다. 드문가요?

답변

---

CSS가 가짜 요소와 함께 작동하는 이유는 무엇입니까?

(대부분의) 브라우저는 향후 HTML에 추가되는 기능과 호환되도록 설계되었습니다. 인식되지 않는 요소는 DOM으로 구문 분석되지만 그와 관련된 의미 체계 나 특수한 기본 렌더링이 없습니다.

새 요소가 사양에 추가되면 때로는 CSS, JavaScript 및 ARIA를 사용하여 이전 브라우저에서 동일한 기능을 제공 할 수 있습니다 (그리고 해당 언어가 해당 기능을 추가하기 위해 요소를 조작 할 수 있으려면 해당 요소가 DOM에 나타나야합니다.) ).

(사용자 정의 요소로 HTML 을 확장하는 수단을 정의하는 작업이 진행 중이라는 점에 유의해야하지만이 작업은 현재 개발 초기 단계이므로 성숙 될 때까지 피해야합니다.)

교수님이 내가 만든 요소를 사용하는 것을 원하지 않는 이유는 무엇입니까?

• HTML 사양에서 허용되지 않습니다.
• 이름이 같은 향후 표준 요소와 충돌 할 수 있습니다.
• 작업에 더 적합한 기존 HTML 요소가있을 수 있습니다.

또한; 왜 그는 구성 요소가 존재하고 CSS와 함께 작동하는지 몰랐습니다. 드문가요?

예. 사람들은 위의 문제가 있기 때문에 사용하지 않습니다.

출처 : https://stackoverflow.com/questions/20353613/why-does-css-work-with-fake-elements