Html CSS选择器：选择中间有随机部分的ID或类

我正在创建一个模板，它将被复制以供使用。 而我创建的CSS规则在某些情况下只针对模板，因为CMS创建了一个随机ID号，并将其添加到IDS /类的中间。 所以我想知道如何选择它们

结构如下：

 <div id="row-123456-StaticPart"> content </div>

感谢您提前提出任何想法

使用CSS 3选择器：

div[id^="row-"][id$="-StaticPart"]{
    color: red;
}

• div[id^=“row-”]

  选择id属性值以“row-”开头的每个
  元素

• div[id$=“-StaticPart”]

  选择id属性值以“-StaticPart”结尾的每个
  元素

---

您可以像这样使用css3选择器：

div[id^="row-"][id$="-Staticpart"] {
    color: red;
}

---

^=表示id应该以什么开头，而$=表示它应该以什么结尾。

您可以为这两个元素生成一个类。请注意大小写：Staticpart vs StaticPartThank。刚刚测试过，效果很好。我必须只看了css选择器，因为我没有看到任何这些…我将检查css3。还感谢您对“^”和“$”的含义所作的额外解释。。。

div[id^="row-"][id$="-StaticPart"]{
    color: red;
}

div[id^="row-"][id$="-Staticpart"] {
    color: red;
}