CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css

詳細度を0にする:where()、iOSのSafariで100vhが高さいっぱいにならないを解決できる新しいビューポート単位など、CSSの便利な新機能の各ブラウザでのサポートも完了し、すでに使用されている人も少なくないと思います。 CSSの新機能を効果的にうまく使った、新時代のCSSリセットを紹介します。 CSSリセットとして使用するだけでなく、CSSの勉強にもなるCSSリセットです。 @acab/reset.css -GitHub :where()とか新しいビューポート単位など、CSSの各新機能については以前の記事をご覧ください。 CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！ CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる CSSの疑似クラス「:focus-within」が素晴らしい

[coliss]

CSSリセットとして使用するだけでなく、CSSの勉強にもなるCSSリセット。

[kachikachi2]

もう「:reset(body *)」みたいに書いたらリセットしてくれるようにして

[mayumayu_nimolove]

全ての人がバラバラでリセット使うより共通したリセット使う発想にならないとリセットにならないと思う

[yasu-log]

“system-ui”は悪手では？

[everybodyelse]

CSSリセットなんて簡単だぜ。もう俺は何度もリセットしてきた。

[daira4000]

またリセットCSSが増えてる

[kuracom]

内容がガラリと今どきになってる