Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8809

Extendを使う

$
0
0

Extendって何に使うやつ?

  • セレクタのプロパティを他のセレクタにコピーができる。
  • Extendは参照先がCSSのセレクタになっており、参照元のセレクタのプロパティを書き換えた時に連動して書き換わってしまうので慎重に扱う。

SCSSでかく

//extend参照元.hoge{width:10px;height:10px;.add{display:inline-block;}}//extendを使う対象.target{@extend.hoge;display:block;}

CSSにすると…

.hoge,.target{width:10px;height:10px;}.hoge.add,.target.add{display:inline-block;}.target{display:block;}

使い道について

Mixinでだいたい片付けてしまうので、
「この場合はMixinよりExtendの方が使いやすいよ!」
てのがあればコメントしていただけると助かります…!


Viewing all articles
Browse latest Browse all 8809

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>