我可以使用css选择器来匹配小部件日志和小部件图表，如widget- * {...}

Question

我正在构建一个小组化的仪表板，我在其中呈现小部件日志，小部件图表和小部件等小部件。小部件列表等。

我想将常用样式应用于下面给出的小部件，这些小部件不起作用但想知道的是我可以用于我的用例： -

widget-* {
   header { font-weight: bold; }
}

而不是： -

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

Answer 1

[class^='widget']{ /* class name starts with widget */

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

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

}