Question

在本地化的Polymer 1.0应用程序中，我将顶级元素dir设置为“rtl”：

<html dir="rtl">
  ...
</html>

在自定义元素中，我想根据方向性更改位置，所以我想要像

这样的CSS规则

<style>
  html[dir="rtl"] #SomeSubElement { .... }
</style>

然而，通过这样做，Polymer将规则重命名为

html[dir="rtl"].my-custom-element #SomeSubElement.my-custom-element { ... }

这可以防止每次申请时都使用CSS规则。有没有办法避免CSS规则的某些部分的这个范围，即应该全局应用的html [dir =“rtl”]部分？

谢谢！

Answer 1

我发现了正确的解决方案：

:host-context(html[dir="rtl"]) { 
   ...
 }