我有以下角度组件
<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(使用前将#替换为@)
