在我的app.component.css中,我有以下内容:
onActivityResult
它会对第一个元素之后的所有元素应用一些margin-top。 这不是我想要的,因为我只需要针对主持人的直接孩子。 所以我做了以下事情:
* ~ * {
margin-top: 24px;
}
不幸的是,这没有做任何事情。我在这里错过了什么?
答案 0 :(得分:1)
您只需要一个:host >
- 兄弟组合器将为您关联两个*
选择器:
:host > * ~ *
这读为
选择任何元素
这是任何元素的后续兄弟 这是宿主元素的孩子。
...这意味着选择器的主题是与其所遵循的元素相同的主元素的子元素,因为它是单词" sibling"装置