获取HTML结构中的最后一个元素

Question

我可以仅使用 css & 子组合器访问带有 + 内容的最后一个 div 吗？ 我想给它定型。

<body>
  <div>
    <div>
      <div>
        <div>
          <div>
            <div>
              <div>
                <div>
                  <div>
                    <div>
                      +
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

with:last child 我够不到树那么深。

Answer 1

选择器div:(not(:has(div))将匹配任何没有嵌套另一个 DIV 的 DIV。

:has(selector)匹配一个元素，该元素的内容包括一个与selector匹配的元素。 把它放在:not()中可以逆转这种情况。

这是一个相对较新的 CSS 选择器，从版本 108 开始，Firefox 尚不支持它。请参阅兼容性表。

 div:not(:has(div)) { color: red; }

 <body> a <div> b <div> c <div> d <div> e <div> f <div> g <div> h <div> i <div> j <div> + </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>

获取HTML结构中的最后一个元素

问题描述

1 个解决方案

解决方案1
3 2022-12-27 05:06:02

获取HTML结构中的最后一个元素

问题描述

1 个解决方案

解决方案1 3 2022-12-27 05:06:02

解决方案1
3 2022-12-27 05:06:02