[フレーム]

サクサク読めて、
アプリ限定の機能も多数!

はてなブックマーク
テクノロジー
Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

テクノロジーカテゴリーの変更を依頼記事元:zenn.dev/tonkotsuboy_com

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

201users がブックマークコメント 26

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

201 users zenn.dev/tonkotsuboy_com

よく使うタグ

はてなブックマーク

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント26件

注目コメント
新着コメント

strawberryhunter

strawberryhunter &を書く必要性がよくわからないな。Sassの&__barは要らない機能だったけど、Sassは不要とはならず、結局CSS Nestingに対応したCSSがSassから出力されることになるんじゃないかと思う。

未分類

2022年11月18日リンク

その他

kvx

kvx postcss-nestingで準備万端

2022年11月18日リンク

その他

aikawame

aikawame Sass使うほどでもないサイトを弄る時に助かる。早く主要ブラウザーで対応してほしい。

2022年11月18日リンク

その他

miruto

miruto 入れ子だけでもありがたい!ただ、変数やmixinやfunctionを使いたいのでScssは使い続けるだろうなぁ。

2022年11月19日リンク

その他

htsign

htsign :where() / :is() である程度代替できるので、そこまですぐ欲しいという感じではないね

2022年11月18日リンク

その他

misarine3

misarine3 mixinも対応してくれないとsassを捨てられないな。はよ。

2022年11月18日リンク

その他

ultimatebreak

ultimatebreak 俺俺mixinや関数を捨てられないのでまだsassを使わざるをえない

2022年11月18日リンク

その他

tailtame

tailtame 『Chrome 120, Edge 120, Safari 17.2, Firefox 117では & の記法が不要になりました。』ま??? 2023/11なのか...chromeで開いたら無効で&追加したのに😂

2025年01月13日リンク

その他

field_combat

field_combat Sass互換とはならないけど、これだけあれば十分やれるな

web制作

2022年11月22日リンク

その他

pascal256

pascal256 おお、これは嬉しい! やはりネストした方がすっきり読めるよねー

2022年11月21日リンク

その他

miruto

miruto 入れ子だけでもありがたい!ただ、変数やmixinやfunctionを使いたいのでScssは使い続けるだろうなぁ。

2022年11月19日リンク

その他

GiveMeChocolate

GiveMeChocolate ほおお

2022年11月19日リンク

その他

solidstatesociety

solidstatesociety しばらくはLess使う

2022年11月19日リンク

その他

buzztaiki

buzztaiki firefiox の issue 見付かったけど、まだあまり動きがなさそう。 https://bugzilla.mozilla.org/show_bug.cgi?id=1648037

2022年11月18日リンク

その他

misarine3

misarine3 mixinも対応してくれないとsassを捨てられないな。はよ。

2022年11月18日リンク

その他

htsign

htsign :where() / :is() である程度代替できるので、そこまですぐ欲しいという感じではないね

2022年11月18日リンク

その他

takuya_1st

takuya_1st 大改革だ。

2022年11月18日リンク

その他

igrep

igrep ついに来たか

css
chrome

2022年11月18日リンク

その他

kagioo2uma

kagioo2uma うおおおおおおおおおお

2022年11月18日リンク

その他

ultimatebreak

ultimatebreak 俺俺mixinや関数を捨てられないのでまだsassを使わざるをえない

2022年11月18日リンク

その他

otchy210

otchy210 これは早く欲しい。calc と変数はすでにあるし、あとこのネストが揃えば、ほとんどのケースで SASS は要らなくなる気がする。JS が十分進化して jQuery が要らなくなったのと似てる。

2022年11月18日リンク

その他

strawberryhunter

未分類

2022年11月18日リンク

その他

sippo_des

sippo_des sassの準備とかお世話がめんどくできるだけ色々見送ってきたけど来ましたか、、早いねえ。

2022年11月18日リンク

その他

nekoline

nekoline 結局Sassで書くのに意味あるんかとか思ってごめん

2022年11月18日リンク

その他

moqojiy

moqojiy &の解釈がブレるの止めてほしいなぁ

2022年11月18日リンク

その他

kojika17

kojika17 ずっとStatus: Dreamだった CSS Nesting Module がWDに上がって、ブラウザ実装まで来たのは感慨深いけど、とりあえずStatus: Dreamだと思って静観

2022年11月18日リンク

その他

aikawame

aikawame Sass使うほどでもないサイトを弄る時に助かる。早く主要ブラウザーで対応してほしい。

2022年11月18日リンク

その他

peketamin

peketamin "本日2023年08月29日、全ブラウザでCSSでネスト(入れ子)ができるようになりました💐"

2022年11月18日リンク

その他

kvx

kvx postcss-nestingで準備万端

2022年11月18日リンク

その他

tmtms

tmtms 便利そう

2022年11月18日リンク

その他

mayumayu_nimolove

mayumayu_nimolove 一般化するには2年ぐらいかかるかな

2022年11月18日リンク

その他

Fushihara

Fushihara ついに来たか...

2022年11月18日リンク

その他

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

[<a href="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fzenn.dev%2Ftonkotsuboy_com%2Farticles%2Fcss-nesting-without-sass">フレーム</a>]

プレビュー

[フレーム]

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック!

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました!

さんが1番目にブックマークした記事「Sassなしで入れ子...」が注目されています。

気持ちをシェアしよう

ツイートする

Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

(2023/08/29) 全ブラウザでネストに対応したので記事を更新しました。本日2023/08/29、全ブラウザでC... (2023/08/29) 全ブラウザでネストに対応したので記事を更新しました。本日2023/08/29、全ブラウザでCSSでネスト(入れ子)ができるようになりました💐 次のようなコードが、「SassではなくCSSで」できるようになります。Sassを使わないCSSコーディングを大きく変えることでしょう。

ブックマークしたユーザー

tailtame2025年01月13日 tailtame
dekirukana_hate2024年03月12日 dekirukana_hate
h_notsu2023年09月05日 h_notsu
shimbaco2023年08月30日 shimbaco
mahiruq2023年08月30日 mahiruq
herakures2023年05月24日 herakures
kamiaki2023年04月05日 kamiaki
techtech05212023年03月23日 techtech0521
okyawa2023年01月27日 okyawa
tobetchi2022年11月29日 tobetchi
t_suda090612022年11月24日 t_suda09061
field_combat2022年11月22日 field_combat
jigendaddy2022年11月21日 jigendaddy
daizu61102022年11月21日 daizu6110
t_f_m2022年11月21日 t_f_m
mitukiii2022年11月21日 mitukiii
matea2022年11月21日 matea
pascal2562022年11月21日 pascal256

すべてのユーザーの
詳細を表示します

同時期にブックマークされた記事

殺害予告メール、9000件送信中学生を書類送検、業務妨害疑い

2 users www.47news.jp

気に入った記事をブックマーク

エントリーの編集

タイトルガイドライン

ブックマークしました

おすすめタグタグについて

よく使うタグすべて表示

Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

おすすめタグタグについて

よく使うタグすべて表示

はてなブックマークで関心をシェアしよう

記事へのコメント26件

リンクを埋め込む

プレビュー

関連記事

usersに達しました!

Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

ブックマークしたユーザー

ブックマークしたすべてのユーザー

同時期にブックマークされた記事

公式Twitter

はてなのサービス

よく使うタグ

よく使うタグ

はてなブックマークで
関心をシェアしよう