CSS 屬性選擇器 Attribute Selector [attribute*=value]

CSS Attribute Selector [attribute*=value]的意思是選取屬性值中包含指定子字串的元素。

例如

<style>
[class*=btn] {
  font-size:16px;
  border:2px transparent;
  padding:8px 16px;
}
[class*=query] {
  background-color:cyan;
}
[class*=save] {
  background-color:red;
}
</style>

<button class="btn-query">查詢</button>
<button class="btn-save">儲存</button>

效果如下

參考：

• Attribute selectors
• CSS Attribute Selectors 屬性選擇器
• CSS Selectors: Attribute Selectors
• Why use an attribute selector to match classes?
• wildcard * in CSS for classes