2016-06-27 2 views
0

content 선택자와 shadow 선택기가 폴리머로 무엇이 다른가요? 나는 모든 요소의 스타일 분산 아이들에게 shadow 선택기를 사용할 수 있습니다 즉, 나는 또한 사실이 codepen 및 바이스 반대에 같은 모든 요소의 dom을 관통하는 content을 사용할 수 있습니다그림자와 내용 선택기의 차이점

답변

0

(나는 paper-cardcard-content 클래스와 그것을 시도) 그 서로 대체 할 수있는 polyfill 제한 일 수 있습니다 (직접 시도하지 않음).

  • ::shadow은 맞춤 요소 외부에서 그림자 DOM으로 피어싱해야합니다.
    ::shadow

  • ::content

    <content> 태그의 부모 구성 요소에서 스타일 투영 된 내용 (<content></content>)에있다되지 않습니다.
    <content></content>도 사용되지 않습니다 도 참조 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/content

+0

이 때문에 polyfill의 아니다 (<slot>로 대체 될 것이다). 나는 webcomponentsjs없이 chrome에서 코드를 실행했지만 여전히 동일한 동작을 볼 수 있습니다. – a1626

+0

전체 그림자 DOM을 활성화해야하는 것처럼 보입니다. https://plnkr.co/edit/iMTwLuBIlFdfFoHptyGe?p=preview –

+0

예, 알아 차렸습니다. 그림자 DOM을 활성화하면이 동작은 관찰되지 않습니다. – a1626