エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Stylusでは擬似クラス、擬似要素をネストして書いた方がよい
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Stylusでは擬似クラス、擬似要素をネストして書いた方がよい
Stylus(0.47.3)で@extendする時に変なハマり方をした。 .foo:before content '\f101' このような擬似... Stylus(0.47.3)で@extendする時に変なハマり方をした。 .foo:before content '\f101' このような擬似要素のあるセレクターを以下のように@extendするとコンパイルエラーになる。 .bar @extend .foo // こうコンパイルされてほしい // .foo:before, // .bar:before { // content: '\f101'; // } 実行するとFailed to @extend ".foo"と言われる。回避方法は .foo &:before content '\f101' のように:beforeをネストすること。反対にかっこわるいがネストしていないセレクターの表記をそのまま使うこともできる。 .bar:before @extend .foo:before つまりStylusでは@extendする際に元のセレクターと