獲取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