2014-09-20 2 views
0

Polymer를 통해 만들어진 맞춤 요소의 가짜 요소가 템플릿 내부에서 추가 될 때 작동하지 않는 것 같습니다. 나는 다음과 같은 변형을 시도했지만 그 중 어느 것도 작동하지 않는다.Polymer 맞춤 요소의 가짜 요소가 작동하지 않음

:host(:before), :host(::before) { 
    content: 'before'; 
} 

:host:before, :host:before { 
    content: 'before'; 
} 

나는 의사 요소가 사용자 정의 요소 외부에서 적용될 때 작동 함을 알고 있습니다. 예를 들어,

custom-element::after { 
    content: 'after'; 
} 

어쩌면 내가 올바른 구문을 사용하지하고 있지만, 고분자 프로젝트 페이지 중 하나를 사용하는 방법에 대해 언급하지 않습니다. 맞춤 요소에 적용된 모든 CSS 스타일을 한 곳에서 유지하고 싶습니다.

그러나 맞춤 요소 내에서 의사 요소를 스타일화할 수 없다는 것은 큰 제약입니다.

답변

2

최근에 수정 된 http://crbug.com/393509입니다. 크롬에 있어야합니다.

+0

이 문제는 Chrome에서만 발생합니까? 그리고 올바른 구문이 무엇인지 선적 했습니까? –

+0

지금 예. Chrome은 기본 Shadow DOM을 제공하는 유일한 브라우저입니다. ': host() :: before'와': host :: after'가 구문이됩니다. – ebidel

+0

나는':: before'와':: after'가 Chrome과 Opera에서만 작동하지 않는다는 것을 깨달았습니다. (깜박임 브라우저). Polymer (Blink가 아닌 브라우저)를 사용할 때 Firefox와 Safari에서 완벽하게 작동하는 것 같습니다. –

관련 문제