CSS-如何使用通配符来选择自定义标签？
CSS-如何使用通配符来选择自定义标签？
在我的Angular应用程序中，我有像
我想从全局样式表（./src/styles.styl）中同时针对所有这些组件进行样式设置，但是CSS似乎不接受自定义标签的通配符。
我希望避免逐个列出我的标签，而是像这样使用app-page-* { border : blue solid 1px; }。
app-page-* {
border : blue solid 1px;
}
我不能添加类（或者可以吗？），因为这些组件是由路由器动态加载的，否则我可以显然地使用class="page"之类的东西。
有什么办法可以用通配符来针对自定义标签进行样式设置吗？谢谢。
CSS无法支持部分类型的通配符。最简单的解决方法是将它们分组在一起，如下所示：
app-page-login, app-page-documentation { border: 1px solid blue; }
或者给它们应用一个类：
<app-page-login class="app-page" /> <app-page-documentation class="app-page" />
然后根据类进行定位：
.app-page { border: 1px solid blue; }
你也可以使用属性选择器来进行一些高级操作，但对于你的用例来说，上述两种解决方案是最合适的。
-- 编辑; 我看到你不能添加类。那就使用第一种解决方案吧。
我也是这样想的，我想我只能一个一个地列出我的标签了 :/