Question

html页面包含div ID，如q1r1，q1r2，q1r3，q2r1，q2r2，q2r3，....如何在CSS中选择这些ID以立即应用样式？如果ID只是q1，q2，q3 ..，它可以作为id ^ =“q”完成。

Answer 1

您可以执行[id^q]：

[id^=q] {
  // common styles
}

如果您想忽略某个ID，则可以使用[id^=q]:not(#idname)：

JS Fiddle

如果要排除以特定模式开头的ID，请将两者合并为：

JS Fiddle

/* All ids that start with "q" but not "qr" */
[id^=q]:not([id^=qr]) { 
  // Styles here
}

但我绝对建议添加一个公共类，因为它是针对它们的设计。如果可以通过python添加id，我认为也可以添加一个类。

Answer 2

使用＆＃39; ^＆＃39;选择器可以应用样式

＆＃13;

<!DOCTYPE html>
<html>
<head>
<style>
div[id^="q"] {
    background: #ffff00;
}
</style>
</head>
<body>

<div id="q1r1">The first div element.</div>
<div id="q1r2">The second div element.</div>
<div id="q2r2">The third div element.</div>
<p id="q2r1">This is some text in a paragraph.</p>

</body>
</html>

＆＃13;

如何让CSS选择特定模式的ID？

2 个答案: