如何将CSS选择器应用于多个div，如块-11、块-12等？

Question

我有多个块I，如下所示：

<div id="block-11">content Here</div>
<div id="block-12">content Here</div>
<div id="block-13">content Here</div>
<div id="block-14">content Here</div>
<div id="block-15">content Here</div>

是否可以像这样使用#块-n来设计这些块的样式？

Answer 1

请参阅MDN

attr^=value表示属性名为attr的元素，其值以值作为前缀(前面)。

​

div[id^=block-] {
  background: pink;
}

<div id="block-11">content Here</div>
<div id="block-12">content Here</div>
<div id="block-13">content Here</div>
<div id="block-14">content Here</div>
<div id="block-15">content Here</div>

​