我正在使用 Chrome 调试工具来查找页面上的元素。我无法理解逻辑。 这段 HTML 看起来像这样
这是我的第一个解决方案
这是一个菜单,我在其中尝试为“注销”选择第二个链接。但它不会将“a”识别为“div”的后代。
但是当我选择它时,它找到了它是“div”后代的元素的子元素
谁能解释一下为什么我按照第一张图片做的时候找不到它
最佳答案
a:nth-child(2)
匹配 <a>
元素是其直接父元素的第二个子元素。但是每个 <li>
只有一个 child ,没有第二个 child 。这是 <ul>
具有多个 <li>
的元素 children ,所以你需要把:nth-child
li
上的修饰符, 然后选择 <a>
在里面。
关于CSS 选择第二个后代,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51146319/