Angular能否在styles.scss中定义适配所有组件选择器的全局样式？

完全可以在全局styles.scss里写统一规则覆盖所有Angular组件，不需要每个组件单独重复写样式，后续新建的同规则组件也会自动生效，完全不用担心漏写。

先纠正你示例里的语法错误 #

你之前写的.app*是无效CSS，根本不会触发任何样式：

• 选择器开头的点号代表类选择器，这个写法会被浏览器直接判定为语法错误忽略
• 它既选不到类名带app前缀的元素，也选不到<app-componentA>这类标签形式的组件根元素

正确的通配匹配写法 #

要选中所有以app为前缀的Angular组件根标签（也就是CLI默认生成的app-root、app-user-card这类自定义元素），直接在全局styles.scss里写就行：

// 自动匹配所有<app-xxx>形式的DOM元素
app-* {
  margin-left: 20px;
}

相关说明 #

• 这个写法不是后代选择器（注意app-*中间没有空格），现代浏览器会自动解析为「选中所有标签名以app-开头的元素」
• 因为规则写在全局样式里，不受Angular组件默认的样式封装限制，会直接应用到所有匹配的组件根元素上
• 后续你新建的Angular组件只要沿用默认的app-前缀选择器，都会自动应用这条规则，不需要每次手动补充

如果需要同时匹配其他前缀的公共组件，直接在选择器列表里追加就行，比如：

app-*,
shared-* {
  margin-left: 20px;
}

内容的提问来源于stack exchange，提问作者John Doe