app-root {}和app-root * {}在angular css / scss中有什么区别

时间:2019-06-13 07:55:13

标签: css angular sass

首先,我理解app-root{}代表HTML标签<app-root></app-root>

我已经看到了:wildcard * in CSS for classes,但是我还是不明白。

为什么一个人会使用app-root * {}?

我已经看到它被用在this open-source project上。

如果使用它有什么区别 在您的样式文件中以app-root * {}而不是app-root{}以角形显示?

编辑:将app-root*{}更改为app-root * {},以更准确地表示问题。

2 个答案:

答案 0 :(得分:1)

为了纠正您,您已经写了AddGoogle(...)。那不是样式表中的内容。他们有IAuthenticationSignOutHandler(注意空格)。

这意味着app-root*{}的每个直接子代都获得样式。

如果他们写过app-root * {},则意味着app-root的每个app-rrot p {}都将获得样式。如果他们写了p,那么每个app-root的子集app-root div {}都会得到样式。但是他们写了div,所以app-root的每个子元素(任何元素)都具有这些样式。

答案 1 :(得分:1)

您看到的不是app-root*,而是app-root *。选择器和星号(*)之间的间距非常重要,它表示child of

相反,星号表示“任何元素”。

很快,该选择器的意思是“ app-root的子元素中的任何元素”