2009/01/22

:empty

:empty

元素必須符合的條件:有空的內容,不含子元素或文字。

  • IE6 失敗;Firefox, Safari, Chrome 都成功。

可以配合 :before,:after,content 加上新的內容

  • IE6 失敗;Firefox, Safari, Chrome 都成功。上例中,跳行與空白字母,都不符合 :empty。

:HOVER, :ACTIVE 的應用。使用時要注意,在 IE6 中 :HOVER, :ACTIVE 只能用在 ANCHOR 元素。

CSS hack:選擇器如果設為 BODY:empty,而 BODY 有內容時(BODY 通常都有內容),大部分瀏覽器都會解讀為錯誤,可是 Firefox 1.5, 2.0 會成功解讀;所以被設計師用來分別 Firefox 的不同版本。下面的範例依循兩個原則:(一)後宣告的值會蓋過先宣告的值。(二)解讀失敗的宣告會被忽略。