如何使用CSS为所有随机文章ID统一设置样式？

你可以使用CSS的属性选择器来匹配所有ID以post-开头的<article>元素，无需逐个指定具体数字ID，就能统一应用样式。

推荐方法：前缀匹配属性选择器 #

这是最贴合你需求的写法，专门匹配ID值以post-开头的元素：

article[id^="post-"] {
  padding: 10px;
}

可选方法：包含匹配属性选择器 #

如果你的ID中post-不一定在开头（不过根据示例场景大概率是前缀），可以用这个写法匹配任何包含post-的ID：

article[id*="post-"] {
  padding: 10px;
}

额外建议 #

如果所有文章元素都带有共同的类名（比如class="post"），更推荐直接使用类选择器，性能比属性选择器更优：

article.post {
  padding: 10px;
}

内容的提问来源于stack exchange，提问作者bpy