javascript 到 css 选择器

Question

我想将这行 javascript 代码转换为 CSS，我一直在搜索网站和谷歌，但没有得到直接的答案。

var riskCell20 = document.getElementById("risk.probablity.literal.l100").childNodes[2];

类似于

#risk.probablity.literal.l100:nth-child(2);

找不到正确的语法

Answer 1

由于 id 有点，这是目标类的字符，您可以使用属性选择器。

[attribute="value"]

使用它，您可以定位元素的属性，例如 title、href 等，在本例中是它的 id。

堆栈片段示例

[id="risk.probablity.literal.l100"] :nth-child(2) {
  color: red;
}

<div id="risk.probablity.literal.l100">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>

---

请注意，nth-child 不是从零开始的，childNodes 是，所以如果您想要第三个 child (childNodes[2]), 你的 nth-child 应该是 3 (nth-child(3))