Html CSS正则表达式id选择器与类选择器的性能

假设我有2000页的元素。我想将自定义模块中的元素（横幅）注入此页面。此模块的css文件有300多个css选择器，每个选择器需要有唯一的动态前缀，以避免与同一页面内的其他模块冲突。我不能使用1个唯一的id选择器，因为可以加载更多的横幅，所以我需要使用如下内容：

<div id="company_banner14"></div>
<div id="company_banner15"></div>
div[id^='company_banner']{

}

部门[id^='company_banner']{
}

或

.公司旗{
}

---

从性能角度看，什么更好？如果使用正则表达式选择器是一种不好的做法，那么300个正则表达式选择器会对性能产生任何可见的影响吗？

在了解了所有元素的自定义CSS之后。对于这个查询，应该记住一些要点

使用内联CSS-如果您不为一个元素使用长CSS，我认为内联CSS是最好的解决方案。如果循环的元素太多，它会为页面节省大量有价值的代码。例如，

使用CSS类-这是内联CSS的替代方法，但不像内联CSS那样节省代码。如果您对所有元素使用相同类型的样式，则在循环中使用不同类型的样式并不准确

---

希望这些建议能指导你。谢谢大家，干杯。

好问题，我也对这个问题感兴趣。如果不使用类选择器，使用class属性有什么意义？尤其是当你谈论表演的时候。只是看起来。。。奇怪。你是对的，这是我的错误，我修改了问题。正则表达式匹配比简单的基于类的匹配慢。我希望有一些关于性能影响的信息。将有300个不同的选择器，因为每个div将有更多的元素。对300多个元素使用内联css是不行的。问题是，对于其中的300个元素，是否最好使用类选择器或id regex选择器。内部的每个元素都需要定义父选择器以避免任何冲突。

<div id="company_banner14" class="company_banner"></div>
<div id="company_banner15" class="company_banner"></div>
.company_banner{

}