使用Angular4在CSS中使用主机直接子项

时间:2017-08-16 11:55:23

标签: css angular css-selectors

在我的app.component.css中,我有以下内容:

onActivityResult

它会对第一个元素之后的所有元素应用一些margin-top。 这不是我想要的,因为我只需要针对主持人的直接孩子。 所以我做了以下事情:

* ~ * {
  margin-top: 24px;
}

不幸的是,这没有做任何事情。我在这里错过了什么?

1 个答案:

答案 0 :(得分:1)

您只需要一个:host > - 兄弟组合器将为您关联两个*选择器:

:host > * ~ *

这读为

  

选择任何元素
  这是任何元素的后续兄弟   这是宿主元素的孩子。

...这意味着选择器的主题是与其所遵循的元素相同的主元素的子元素,因为它是单词" sibling"装置