小编doa*_*nnx的帖子

CSS Angular2-如何将CSS应用于一个组件内的嵌套元素?

我的html有一个角度组件,如下所示:

<!-- dynamic content generated runtime -->
<div class="test">
      <div class="testinside">
        HELLO
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

现在,我想为[动态内容生成]部分中的一个类设置样式,因此我的scss如下:

:host {

  display: inline-block;
  vertical-align: middle;

  > .test > .testinside {
    color: red;
  }

  > select {
    display: inline;
  }

  > .combobox-container > .input-group {
    color: red;
  }
}
Run Code Online (Sandbox Code Playgroud)

[.combobox-container> .input-group]是动态内容的css设置。

但是,似乎动态内容的css不会受到影响:((静态内容的css可以)

动态内容如下:

<common-combobox _ngcontent-hdj-67="" ...>
<!-- dynamic content generated runtime -->
  <div class="combobox-container combobox-selected"> 
    <input type="hidden" name="" value="2"> 
    <div class="input-group"> 
        <input type="text" autocomplete="off" placeholder="Anrede" class="combobox"> 
        <span class="input-group-addon dropdown-toggle" data-dropdown="dropdown"> <span class="caret"></span> <span class="glyphicon glyphicon-remove"></span> …
Run Code Online (Sandbox Code Playgroud)

css angular

3
推荐指数
1
解决办法
4305
查看次数

标签 统计

angular ×1

css ×1