Fatal编程技术网
  • css/
  • 聚合：主机和：：内容CSS选择器之间的区别

聚合：主机和：：内容CSS选择器之间的区别

css dom polymer

聚合：主机和：：内容CSS选择器之间的区别,css,dom,polymer,Css,Dom,Polymer,我试图将CSS样式应用于聚合元素的本地DOM。具体来说，我只想将样式应用于本地DOM的部分。我尝试了以下元素定义： <dom-module id="test-element"> <template> <style> :host > ::content { font-weight: bold; } </style> <div>Local DOM 1</div> <c

我试图将CSS样式应用于聚合元素的本地DOM。具体来说，我只想将样式应用于本地DOM的
部分。我尝试了以下元素定义：

<dom-module id="test-element">
  <template>
    <style>
      :host > ::content { font-weight: bold; }
    </style>

    <div>Local DOM 1</div>
    <content></content>
    <div>Local DOM 2</div>
  </template>
</dom-module>


：主机>：：内容{字体重量：粗体；}
本地dom1
本地DOM 2
然而，不仅内容是样式化的，而且整个元素包括“localdomn”文本。我知道我可以在内容周围使用包装器
元素来约束样式，但我想知道选择器
:host
和
:host>之间的区别是什么，因为后者也适用于整个本地DOM。
如中所述：

在shady DOM下，
标记不会出现在DOM树中。重写样式以删除
：：content
伪元素、和紧靠
：：content
左侧的任何组合符

这意味着在shady DOM下从技术上讲，
:host>:content
和
:host>