Html 我可以使用css选择器来匹配小部件日志和小部件图表,比如小部件-*{…}

Html 我可以使用css选择器来匹配小部件日志和小部件图表,比如小部件-*{…},html,css,angularjs,css-selectors,widget,Html,Css,Angularjs,Css Selectors,Widget,我正在构建一个widgetized仪表板,在其中呈现小部件,如小部件日志、小部件图表和小部件列表等 我想将通用样式应用于如下所示的小部件,但这些小部件不起作用,但我想知道我可以在我的用例中使用哪些其他东西:- widget-* { header { font-weight: bold; } } 而不是:- widget-logs, widget-chart, widget-list { header { font-weight: bold; } } 当然:我的标记没有类,所以我

我正在构建一个widgetized仪表板,在其中呈现小部件,如小部件日志、小部件图表和小部件列表等

我想将通用样式应用于如下所示的小部件,但这些小部件不起作用,但我想知道我可以在我的用例中使用哪些其他东西:-

widget-* {
   header { font-weight: bold; }
}
而不是:-

widget-logs, 
widget-chart,
widget-list {
   header { font-weight: bold; }
}

当然:我的标记没有类,所以我们可以有widget-*{…}@Temani af这样的东西如果我知道属性选择器,我正在寻找类似于CSS标记选择器的东西,比如widget-*{…}不要在每个元素上都有类。所以你需要让你的问题更清楚,并在问题中包含代码。。。顺便说一句,你想要什么是不可能的
[class^='widget']{ /* class name starts with widget */

}
[class$='widget']{ /* class name ends with widget */

}
[class*='widget']{ /* contains widget in class name */

}