Question

我的ID为“ div1”，“ div2”，“ div3”等的divs。

我想定位ID分别以奇/偶数结尾的所有div（在CSS中）。

var preambleLenght = "BEGIN:VEVENT\r\n".Length;
var text = ics.Substring(preambleLenght, ics.LastIndexOf("\r\nEND:VEVENT") - preambleLenght);

HTML会定期更改，因此有可能希望避免每次都要更改CSS。

div不是顺序的，这就是为什么我没有使用'nth-child（even / odd）'的原因。我想避免在可能的情况下向div添加任何新属性。

a link是使用CSS中的表达式的类似问题。

我想在CSS中实现类似的目的

<div id="div1"></div>
<div id="div2"></div>
<!-- Other html here -->
<div id="div3"></div>
<div id="div4"></div>

我可以使用数据属性吗？例如data-target =“ 1”，data-target =“ 2”等。

Answer 1

这需要多个选择器。

例如，要选择奇数编号的ID，请使用正则表达式符号$来指代字符串的末尾。

div[id$="1"],
div[id$="3"],
div[id$="5"],
div[id$="7"],
div[id$="9"] {}

div[id$="1"],
div[id$="3"],
div[id$="5"],
div[id$="7"],
div[id$="9"] {
  color:red;
}

<div id="div1">Odd</div>
<div id="div2">Even</div>
<div id="div3">Odd</div>
<div id="div4">Even</div>
<div id="div99999">Odd</div>
<div id="div2000">Even</div>
<div id="div333">Odd</div>
<div id="div377">Odd</div>

目标div在CSS中ID的末尾具有奇/偶数

1 个答案: