css - 如何在 Dart/Polymer 中隐藏卡片上的元素标签？

Question

我有一张卡片，上面有一个元素标签，如果没有标签并且我不想显示标签，它会添加标签或空白。我尝试将其放入 css 中......

.element-label
{
visibility: hidden;
display: none;
}

这是元素等的屏幕截图:https://drive.google.com/file/d/0B7Hf9K5d9C3TdkREOTg3YWFYVG8/edit?usp=sharing

我也尝试过:

querySelector('.element-label').style.display = 'none';

任何帮助将不胜感激。我觉得我错过了一些愚蠢的东西。

Answer 1

您需要 /deep/ 组合器来使选择器跨越 ShadowDOM 边界。

* /deep/ #mainHeaderPanel /deep/ .element-label,
* #mainHeaderPanel .element-label /* for browsers without native shadowDOM support */
{
  visibility: hidden;
  display: none;
}