CSSの便利な疑似セレクタ「:empty」と「:blank」、その違いと賢い使い方

エラーメッセージを実装する際、エラーがある時とエラーがない時の区別は「:empty」や「:blank」を使用すると、非常に簡単にスタイルを定義することができます。 「:empty」と「:blank」、その違いと実際にどのように使用するのか、どちらが便利なのかを紹介します。 :empty and :blank 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私は誤解していた 「:empty」と「:blank」の違い 「:empty」と「:blank」を実際に使用する場面 「:empty」の方が十分ではないと思った理由 「:empty」と「:blank」のサポートブラウザ まとめ 私は誤解していた 私は1ヵ月前のツイートで、「:empty」と「:blank」についてひどい誤解をしてました。 「:empty」は有用ではなく、「:bla

[coliss]

フォームやアプリでよく使う、「:empty」と「:blank」の違い。

[kathew]

「:empty」便利だし使っているけど、これを使うということは空要素のマークアップを許容することだという事に、一抹の気持ち悪さがあるのよね。気にしすぎかもしれないけど

[tsuki-rs]

:emptyでdisplay: none;を指定すればちょっとは便利？

[kuwalab]

何これﾁｮｰ便利（知らなかった）

[primedesignworks]

そもそも空要素を作りたく無い派です。

[okumuraa1]

ありがとうございますm(_ _)m

[kazatsuyu]

空要素を気にする人がいることを初めて知った。要素が空かどうかを気にしていたらscript要素もlink要素も書けない

[nohako]

(●ﾟｪﾟ))

[kazroo]

[:blank][:empty]

[tyru]

:blank は空白も許容するけどサポートされていないブラウザが多い。:empty は全てのブラウザ (IE>=11) でサポート済み

[satoyan419]

疑似セレクタ「:empty」「:blank」

[webarata3]

:emptyやばい