[CSS]使い方をしっかりマスターしておきたい便利な5つの疑似クラスと疑似要素

CSS3のセレクタには便利なものがたくさんあり、複雑なHTMLやJavaScriptを使用しなければ実現できなかったことが非常に簡単なコードで実装できます。 Webページでよく利用されるテクニックに役立つ便利な5つの疑似クラスと疑似要素を紹介します。 5 Lesser Used CSS Selectors 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 疑似クラス・と疑似要素を使おう E:empty E::first-letter, E::first-line E:not(セレクタ) E:lang(fr) E:target 疑似クラス・と疑似要素を使おう もしあなたがCSSの新入生なら、あなたが使うセレクタはおそらくclassやidや要素名がほとんどでしょう。実はCSSで利用できるセレクタは、38種類あります（参考: Selector

[qrac_jp]

まったく知らなかったw

[tsuki-rs]

あ、俺もまだemptyなのでご安心ください！！！！！！！！！

[bleu-bleut]

E:emptyとか、E:lang(fr)とかE:(zh-hans)とかで言語によって引用符を変えるとか。

[dikn]

first-lineが何もしなくても画面幅によって変更されるの、言われてみれば当然だけど盲点だった。必要な状況になったことないけど……。

[hedeyoshi]

いろんなことできるようになってすごいことになっちゃってる。