これは朗報！ ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能

Chrome 137で追加された、CSSの新しい機能7個を紹介します。 今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS GridやFleboxで見た目の順序とtabキーの順序が異なるのを制御できる新しいプロパティもサポートされるなど、Web制作者は要チェックです！ ちなみに、先日紹介したCSSのカスタム変数はChrome 139（7月頃）に実装される予定です。 New in Chrome 137 Chrome 137 beta 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに if else文の条件付きでCSSの値を設定できるif()関数 reading-flowとreading-order

[coliss]

if else文の条件付きでCSSの値を設定できるif()関数、CSS GridやFlexboxで見た目の順序とtabキーの順序を制御できる新しいプロパティなど

[Tack2Me]

便利だと思うけど徐々にjavascriptの領分を侵食してきているような

[kakei-akihiko]

CSSがCross Site Scriptingの略のような気がしてきた。

[KAZ99K]

「Chromeのみ実装」は悲報なんよ…ところでIE6って知ってる？

[hiduki001]

またChromeだけでしかちゃんと動かないサイトやサービスが増えてしまうの…？

[kujoo]

ロジック複雑化するなって気はするけど、デザインの為にjsとcssを行ったり来たりするダルさもわからなくはない……

[htmikan]

条件分岐なんか追加されたら、QA評価項目が膨れ上がると思うのだけど。WEB屋さんは大変だな。

[Imamura]

2009年にHTMLとCSSの入門書を書いたけどもうついていけない（いや、ずっと前から）

[nakamura-kenichi]

「言語は何が出来ますか？」「CSSです！」がアリになるんか！（ならない）

[tk_musik]

これ見て思ったけどCSSもカバレッジとれるのかな

[otihateten3510]

ロジックがたくさん入るCSSが量産されるんですね〜〜〜〜

[shira0211tama]

ちょっとー！IEくんも仲間に入れてあげてー！向こうで一人遊びしてるでしょー！？

[secseek]

他にやり方ないんですかねえ…。スクリプトじゃやはりやりづらいのか…

[kshtn]

対応するテストスイートないと地獄にならんか？

[pochi-taro00]

どんどん描画が重くなるわ

[peatnnuts]

“複雑なロジックをシンプルかつ簡潔に記述することができます。”ただでさえぐちゃぐちゃになるのにスクリプト化して大丈夫？

[queeuq]

javascriptでデザイン制御するよりは責務的にcssにifがあれば済むってケースは往々にしてあるのでありがたい。

[repon]

増々結果がわかりにくくなる。何も嬉しくない。論理は1次元だけど、次元が一つ増えた時点で宣言型以外には無理なのよ

[kibitaki]

htmlはプログラムじゃないという旧世代の定義が最早通用しない。そして旧世代の蓄積されまくったバッドノウハウ活用能力と悪魔合体する未来。

[otoku-memo]

そろそろCSSだけでDOOM動くようになるかな

[KoshianX]

便利にはなるが安全性とか心配になってくるな……

[sumomo-kun]

cssはできるだけ単純な方がいいと思うけどな。短い、ではなく。

[leiqunni]

これって判断できるのはCSS内だけなのかな。DOMで何とかってクラスのエレメントがあったりとか、JSの変数が奇数だったりとか判断できるの？

[mysql8]

これは悲報！！

[prjpn]

バグの温床となる予感

[ultimatebreak]

確かにあったら便利そうとは思うけど、ただでさえも読みづらいのが更にヤバくなるやつ

[poponponpon]

嬉しいっちゃ嬉しいけど、もう一から自分でcss組むことなんてそうそうないからどうでもいいっちゃどうでもいい。10年遅い。

[strawberryhunter]

もうやめてくれって言いたい。誰も幸せにならない。

[ravell]

とにかくCSSがらみでJS使いたくないのでありがたい。

[hgaragght]

やり過ぎだろ。

[hiroomi]

"if else文の条件付きでCSSの値を設定できる"

[lifeisadog]

こう言うのじゃないのよね。CSSにロジックを入れて欲しくない勢

[sucelie]

もう少し見やすい構文にしてくれよ・・・

[hiroshe]

こういう節操のないところが嫌いだよ、web屋さんは

[Shinwiki]

処理系を重複して持つ方向に抵抗ないならサーバサイドの言語持ってきてくれた方が…っつーかJsでもう少しネイティブ感覚で触れるように進化してくれる方がもはやありがたいかも。

[Helfard]

ほーん？