問題描述

我知道有一個官方的 CSS3 :checked 偽類，但是有沒有一個 :unchecked 偽類，它們有相同的瀏覽器支持嗎?

I know there is an official CSS3 :checked pseudo-class, but is there an :unchecked pseudo-class, and do they have the same browser support?

Sitepoint 的參考資料 沒有提到，但是這個 whatwg 規范(不管是什么)的作用.

Sitepoint's reference doesn't mention one, however this whatwg spec (whatever that is) does.

我知道將 :checked 和 :not() 偽類結合起來可以達到相同的結果，但我還是很好奇:

I know the same result can be achieved when the :checked and :not() pseudo-classes are combined, but i'm still curious:

input[type="checkbox"]:not(:checked) {
    /* styles */
}

w3c 推薦相同的技術

The w3c recommends the same technique

可以使用否定偽類來選中未選中的復選框:

An unchecked checkbox can be selected by using the negation pseudo-class:

:not(:checked)

推薦答案

:unchecked 沒有定義在 Selectors 或 CSS UI level 3 specs 中，也沒有出現在 Level 4 Selectors 中.

:unchecked is not defined in the Selectors or CSS UI level 3 specs, nor has it appeared in level 4 of Selectors.

事實上，W3C 的引用取自 Selectors 4 規范.由于 Selectors 4 建議使用 :not(:checked)，因此可以安全地假設沒有對應的 :unchecked 偽.:not() 和 :checked 的瀏覽器支持是相同的，所以這應該不是問題.

In fact, the quote from W3C is taken from the Selectors 4 spec. Since Selectors 4 recommends using :not(:checked), it's safe to assume that there is no corresponding :unchecked pseudo. Browser support for :not() and :checked is identical, so that shouldn't be a problem.

這似乎與 :enabled 和 :disabled 狀態不一致，尤其是因為一個元素既不啟用也不禁用(即語義完全不適用)，但是對于這種不一致似乎沒有任何解釋.

This may seem inconsistent with the :enabled and :disabled states, especially since an element can be neither enabled nor disabled (i.e. the semantics completely do not apply), however there does not appear to be any explanation for this inconsistency.

(:indeterminate 不計算在內，因為一個元素同樣不能是未檢查、檢查或不確定的，因為語義不適用.)

(:indeterminate does not count, because an element can similarly be neither unchecked, checked nor indeterminate because the semantics don't apply.)

這篇關于CSS3:未經檢查的偽類的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！