我有以下角度组件
<div id="content-div">
<router-outlet></router-outlet>
</div>
我在上面的 div 中放置了不同的组件。我的要求是所有这些组件都应该具有css
rule height:100%
。我没有重复这段代码,而是尝试使用>*
css 但这不起作用。
#content-div >* {
height:100%;
}
Does >*
不能跨组件工作?我怎样才能让子组件采取css
来自其父级的规则?
默认情况下,Angular 封装了 CSS。如果您想禁用此功能,您需要在组件设置中执行此操作
@Component({
selector: 'app-child-component',
template: `<div class="parent-class">Child Component</div>`,
encapsulation: ViewEncapsulation.None // Use to disable CSS Encapsulation for this component
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)