hibikorezensin https://blog.hatena.ne.jp/hibikorezensin/ 日々是前進 https://hibi-kore-zensin.hatenadiary.com/ CSSをより記述しやすくするためにSCSSという効率化ができる言語について記事にしていきます。 SCSSでできること 最初にも書いたようにCSSの記述を効率化できるスタイルシート言語記法(拡張言語)の一つです。 CSSでは下記のように記述します。 .item{ background: #ffffff; font-size: 12px color: #000000 } .item a{ color: #0000cd; text-decoration: none } 基本的に一つ一つのセレクタごとに記述が必要であったり、同じ記述を繰り返さなければいけない場合もあります。（特にカラーコードは頻出です… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fhibi-kore-zensin.hatenadiary.com%2Fentry%2F2024%2F06%2F28%2F121627" title="SCSSについて調べてみた - 日々是前進" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2024-06-28 12:16:27 rich https://hibi-kore-zensin.hatenadiary.com/entry/2024/06/28/121627 1.0 100%