angular2:StyleGenerated与html中生成的属性具有不同的标记属性

如果有人遇到此问题，我将附加gif（）的url，这表明我有一个组件“我的服务器”，并且我在server.component.css中添加了一个标记选择器，如下所示：

my-server {
  display: block
}

但当angular2生成样式时，它就成功了

my-server[_ngcontent-c2] {
  display: block
}

主要问题是生成的dom确实有一些其他属性 _NGC-c1的内容如下所示

<my-server _ngcontent-c1></my-server>

---

因此，我的风格不会应用于组件标记级别

我建议您不要直接在组件上应用任何CSS。不要这样做，而是使用DIV作为组件的第一个子级，并将CSS应用于该DIV

      <my-server>
         <div class="your-class">
             <!--Write your component code here-->
         </div>
      </my-server>

角度组件不属于默认html元素，因此这可能是不应用CSS的原因。

plz请检查此处的url是否为gif。