javascript到css选择器

2019-08-28 03:34:12 阅读：150 来源： 互联网

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

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

喜欢的东西

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

找不到合适的语法

解决方法:

由于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是,所以如果你想要第三个孩子(childNodes [2]),你的nth-child应该是3(nth-child(3))

标签：javascript,css,css-selectors
来源： https://codeday.me/bug/20190828/1747473.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript到css选择器