css - Polymer CSS - 强制宽度为 0

Question

我正在开发 Polymer 应用程序。我总是遇到奇怪的事情。这时候，我想放一个paper item在我的应用程序中。在运行时，这些元素似乎添加了如下所示的 HTML 元素:

<div id="contentIcon" class="content-icon style-scope paper-icon-item">
</div>

出于某种原因，此元素的宽度始终为 56px。在 Chrome 开发者工具中，我可以看到 width:56px。如果我在 Chrome 开发工具中将它设置为 width:0px，UI 看起来就是我想要的样子。为了尝试这样做，我将以下内容添加到我的 CSS 中:

.content-icon.paper-icon-item {
  width:0px !important;
}           

但是，56px 的宽度仍然存在。我不明白为什么我必须删除这个 56px 宽度。

谢谢，

Answer 1

为什么要使用类属性来定义 Web 组件？该语法似乎很奇怪。您能否就此问题提供更具体的描述，因为它似乎不清楚。AFAIK，在代码中包含 paper-item 组件的正确语法应该是:

<paper-item>
  <paper-item-body two-line>
    <div>Show your status</div>
    <div secondary>Your status is visible to everyone</div>
  </paper-item-body>
  <iron-icon icon="warning"></iron-icon>
</paper-item>