？是否可以为影响所有以相同前缀开头的html元素的样式定义一个名称请不要偏离类别或标签。。。请不要使用SASS、LESS或类似处理器请注意，问题在于定义样式，而不是使用选择器进行筛选
类似这样的东西（星号*可以作为通配符）->
in CSS <style> section
#prfxStyle1* { background-color: #ABCDEF; }
in <HTML> section
<div id="prfxStyle1Metals"> ... </div>
<div id="prfxStyle1Plastics"> ... </div>
<div id="prfxStyle1Organics"> ... </div>
"starts with"选择器仅适用于属性选择器。
因此，在这种情况下，要查找以prfxStyle1开头的id，您需要执行以下操作：
[id^="prfxStyle1"] {
/* styles */
}
通过属性选择器，您可以针对任何内联元素定义的属性（包括自定义属性）：
<div attribute="value">
可能的属性选择器：（来自MDN文档）
[attr]
表示属性名称为attr的元素
[attr=value]
表示属性名称为attr且其值恰好为"value"的元素
[attr~=value]
表示属性名称为attr的元素，该元素的值是一个以空格分隔的单词列表，其中一个单词正是"value"
[attr|=value]
表示属性名称为attr的元素。它的值可以完全是"value"，也可以以"value"开头，紧跟"-"（U+002D）。它可以用于语言子代码匹配
[attr^=value]
表示属性名称为attr且其值以"value"为前缀的元素
[attr$=value]
表示属性名称为attr的元素，其值以"value"作为后缀
[attr*=value]
表示属性名称为attr的元素，其值至少包含一个字符串"value"作为子字符串。
您可以添加更多的类或id（即使这不是很常用的方式），只需用一个空格分隔它们：
<div id="prfxStyle1 Metals"> ... </div>
<div id="prfxStyle1 Plastics"> ... </div>
<div id="prfxStyle1 Organics"> ... </div>
在CSS中：
#prfxStyle1 {
//some CSS that will affect all divs
}
#Metals {
//CSS that will affect just the div with the Metal id
}
#Plastics {
//CSS that will affect just the div with the Plastics id
}
#Organics {
//CSS that will affect just the div with the Organics id
}