どうもです、はやちです✌(´ʘ‿ʘ`)✌ この春デザイナーからフロントエンジニアになりました。 新しい部署になり覚えることもたくさんありますが、落ち着いてがんばります( ∵ ) 今回は、繰り返し処理を行える文@eachを使って繰り返しのスタイルを楽に管理する方法をご紹介致します。 画像を使い分けたい場合 以下のように、背景にアイコンを配置分けする方法をご紹介します( ˘ω˘)☝ HTML HTMLではこのリストを使っていきたいと思います( ˘ω˘)☝ <section id="nav_image"> <h1>画像を使い分ける場合</h1> <ul> <li class="icon_home"><a href="#">HOME</a></li> <li class="icon_about"><a href="#">ABOUT</a></li> <li class="icon_company"
![Sassの@eachで同じスタイルをラクチンに管理をする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/7352fd6f29673a1bd0560117e784b328eac5fafb/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2014%2F04%2F38.png)