html - CSS :last-child selector being ignored by last child

HTML:

<body>
      <h1>First heading</h1>
      <h1>Second heading</h1>
</body>

CSS:

h1:last-child{
   color: blue;}

所以问题是最后一个 h1(第二标题)没有被设置样式，尽管它是其父级(正文)的最后一个子级。 “a”和其他标签也会出现此问题，但使用“p”则可以正常工作。

最佳答案

尝试将 H1 标记包含在 div 中

 h1:last-child{
          color:blue;
        }

     <body>
      <div>
          <h1>First heading</h1>
          <h1>Second heading</h1>
      </div>
    </body>

关于html - CSS :last-child selector being ignored by last child，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/61680544/

相关文章：

javascript - 如何添加和删除输入字段