0
content
선택자와 shadow
선택기가 폴리머로 무엇이 다른가요? 나는 모든 요소의 스타일 분산 아이들에게 shadow
선택기를 사용할 수 있습니다 즉, 나는 또한 사실이 codepen 및 바이스 반대에 같은 모든 요소의 dom
을 관통하는 content
을 사용할 수 있습니다그림자와 내용 선택기의 차이점
content
선택자와 shadow
선택기가 폴리머로 무엇이 다른가요? 나는 모든 요소의 스타일 분산 아이들에게 shadow
선택기를 사용할 수 있습니다 즉, 나는 또한 사실이 codepen 및 바이스 반대에 같은 모든 요소의 dom
을 관통하는 content
을 사용할 수 있습니다그림자와 내용 선택기의 차이점
(나는 paper-card
에 card-content
클래스와 그것을 시도) 그 서로 대체 할 수있는 polyfill 제한 일 수 있습니다 (직접 시도하지 않음).
::shadow
은 맞춤 요소 외부에서 그림자 DOM으로 피어싱해야합니다.
::shadow
는
::content
<content>
태그의 부모 구성 요소에서 스타일 투영 된 내용 (<content></content>
)에있다되지 않습니다. <content></content>
도 사용되지 않습니다 도 참조 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/content
이 때문에 polyfill의 아니다 (
<slot>
로 대체 될 것이다). 나는 webcomponentsjs없이 chrome에서 코드를 실행했지만 여전히 동일한 동작을 볼 수 있습니다. – a1626전체 그림자 DOM을 활성화해야하는 것처럼 보입니다. https://plnkr.co/edit/iMTwLuBIlFdfFoHptyGe?p=preview –
예, 알아 차렸습니다. 그림자 DOM을 활성화하면이 동작은 관찰되지 않습니다. – a1626