我的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)