CSSの新しい疑似クラス関数「:is()」複数のセレクタを1つにまとめることができて、これは便利

CSSの新しい疑似クラス関数「:is()」が便利すぎるので紹介します。 :is()については、以前の記事で紹介した時はプレビュー版のみのサポートでしたが、ブラウザのサポートも進み、来年には普通に使用できるようになるかもしれません。 画像はツイートより 元ツイートは、こちら。 How slick :is(this CSS!?) 😏 removes the margins on all headers with a .tight class h1.tight, h2.tight....... 🤢 :is(h1,h2).tight { 🤓 } pic.twitter.com/y01f7uKPmA — Adam Argyle (@argyleink) October 13, 2020 ツイートは、hx要素のマージンをまとめて削除するスタイルシートが紹介されています。

[coliss]

CSSの新しい疑似クラス関数「:is()」が便利すぎ！

[ifttt]

“来年には普通に使用できるようになるかもしれません。” 普通がわからない……

[ysk_lucky-star]

:is() の擬似クラスより margin-block の方に興味あるんだが。なにこれ知らない！

[nemusg]

can i use 真っ赤やんけ！

[AyeBee_TY]

なんていうか、ダサい。記述された見た目にエレガントさのかけらもない。CSS滅んで欲しい。isってなんだよisって。文法としてどこら変にisがかかってるんだよ。nth-child並みにダサい。

[Amigomr]

is() という名前から真偽値でも返すのか？と思ったけど（それはそれで意味不明）、全く違ったわ...

[radicode]

[]おはようございます！☕️ 今日はCSSの新しい擬似クラス「:is()」のお話😌 複数のセレクタを1つにまとめられるのはとても便利です😃 まだ利用できるブラウザは限られていますが、来年には一般的になってほしいですね！

[miruto]

ほーん

[aceraceae]

便利、なのかなあ。

[arapro]

sassで書いたほうが直感的だとおもた🤔

[kijtra]

ブラウザで Sass が動くようにする方が世のため人のためだよ

[mysql8]

:has()の方が好きなんだよなぁ

[letsspeak]

真っ赤だとおもったらコメで突っ込まれてて笑った

[mochinaga]

もっと一般的に使えるようになったら教えてくれ

[tsuki-rs]

そもそも例文のBEFOREみたいな記述しないけど、イマイチどういったところで使えるのかパッと思い浮かばないんだよなぁ。頭のいい人教えて！

[RATCHO]

:is()か、クラス命名ルールをしっかりしておけば使うことは無いだろうなぁ・・・

[lnimroder]

SCSSとかでネストして書いてコンパイル時に展開させてたやつを生CSSで展開せず書けるようになるのか

[sippo_des]

CSSやり直したいなあ。楽しそうー

[yamadar]

これは欲しかった

[diveintounlimit]

だいぶ前から無かったか？と思ったらまだ実装されてなかったのね。

[makou]

最初からこういう設計になっていればなあ。