0
Polymer를 통해 만들어진 맞춤 요소의 가짜 요소가 템플릿 내부에서 추가 될 때 작동하지 않는 것 같습니다. 나는 다음과 같은 변형을 시도했지만 그 중 어느 것도 작동하지 않는다.Polymer 맞춤 요소의 가짜 요소가 작동하지 않음
:host(:before), :host(::before) {
content: 'before';
}
:host:before, :host:before {
content: 'before';
}
나는 의사 요소가 사용자 정의 요소 외부에서 적용될 때 작동 함을 알고 있습니다. 예를 들어,
custom-element::after {
content: 'after';
}
어쩌면 내가 올바른 구문을 사용하지하고 있지만, 고분자 프로젝트 페이지 중 하나를 사용하는 방법에 대해 언급하지 않습니다. 맞춤 요소에 적용된 모든 CSS 스타일을 한 곳에서 유지하고 싶습니다.
그러나 맞춤 요소 내에서 의사 요소를 스타일화할 수 없다는 것은 큰 제약입니다.
이 문제는 Chrome에서만 발생합니까? 그리고 올바른 구문이 무엇인지 선적 했습니까? –
지금 예. Chrome은 기본 Shadow DOM을 제공하는 유일한 브라우저입니다. ': host() :: before'와': host :: after'가 구문이됩니다. – ebidel
나는':: before'와':: after'가 Chrome과 Opera에서만 작동하지 않는다는 것을 깨달았습니다. (깜박임 브라우저). Polymer (Blink가 아닌 브라우저)를 사용할 때 Firefox와 Safari에서 완벽하게 작동하는 것 같습니다. –