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

Question

首先，我明白app-root{}代表 HTML 标签 <app-root></app-root> .

我看过这个:wildcard * in CSS for classes ，但我还是不明白。

为什么要使用 app-root * {}？

我已经看到它被用于 this open-source project .

如果用的话有什么区别 app-root * {}而不是 app-root{}在你的样式文件中有 Angular 吗？

编辑:已更改 app-root*{}至 app-root * {}更准确地表达问题。

Answer 1

纠正一下，您编写了 app-root*{}。那不是那个样式表中的内容。他们有 app-root * {}(注意空格)。

这意味着 app-root 的每个直接子级都会获得样式。

如果他们编写了 app-rrot p {}，那将意味着作为 app-root 子级的每个 p 都将获得风格。如果他们编写了 app-root div {}，那么作为 app-root 子级的每个 div 都将获得样式。但他们编写了 app-root * {}，因此 app-root 的每个子元素(任何元素)都获得了这些样式。