主页 / 问题 / 1112993
Accepted
manking
Asked:2020-04-20 20:14:54 +0800 CST2020-04-20 20:14:54 +0800 CST

CSS 相当于 :nth 伪类？

  • 772

如果您使用 Jquery，则有可能从整个选择中选择元素编号（：第 n 个）。而在纯 CSS 中，只有 :nth-child，它在子元素中查找元素？

那是选择器

$('.selectors:nth(1) .t-d:nth(1)')

在 Jquery 中工作。在 CSS 中写道is not a valid selector.

纯CSS中是否有类似的行为？

css

1 个回答

  1. Best Answer

    所有在 CSS 中具有索引的选择器都会计算父级内的索引，而不是选择内的索引

    Selector :nth，是selector的同义词:eq，在 jQuery 中已弃用，建议替换为同名方法。

    css 有一个类似的选择器，:nth-child但是它计算父元素内部的元素索引，而不是最终选择，因此它可以选择多个元素而不是一个。索引本身从 1 开始计数。

    // Applies yellow background color to a single <li>
$("ul.nav li:eq(1)").css("backgroundColor", "#ff0");
    ul.nav li:nth-child(2) {
  color: red;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="nav">
  <li>List 1, item 1</li>
  <li>List 1, item 2</li>
  <li>List 1, item 3</li>
</ul>
<ul class="nav">
  <li>List 2, item 1</li>
  <li>List 2, item 2</li>
  <li>List 2, item 3</li>
</ul>

    • 3

相关问题