為什麼 `input:not(:empty)` 永遠不會符合任何元素？

理解 :not(:empty) CSS 選擇器

:not() 選擇器否定括號內指定的符合條件。當應用於 :empty 偽類時，:not(:empty) 選擇器應該定位非空元素。然而，用戶在使用這種組合時遇到了困難。

Void 元素問題

元素是一個空元素，這表示它沒有任何內容。根據「空」的 HTML 定義，void 元素始終被視為空。這意味著它們將始終匹配 :empty 偽類，無論它們是否有值。

選擇器規範意義

選擇器規範進一步闡明了:empty 偽類匹配沒有子節點的元素或長度非零的內容節點。因此，input:not(:empty) 的組合永遠不會符合有效 HTML 文件中的任何元素。

替代解決方案

將空 樣式化單獨使用 CSS 動態地顯示欄位可能具有挑戰性。但是，可以選擇缺少值屬性 (input[value=""]) 或具有空值屬性 (input:not([value])) 的初始空欄位。除了這些選項之外，可能還需要其他方法來解決空 的樣式問題。田野。

以上是為什麼 `input:not(:empty)` 永遠不會符合任何元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！