Rain or Shine

もはやプログラムとかコンピュータ系の開発Tips集的なアレ。万年工事中。

Category

SASS

[SASS] ネストしたセレクタで親セレクタに対して要素を限定したい場合

例えば.btn1ってクラスのa要素またはbutton用のスタイルを作るとして、
普段は白文字、:disabledもしくはhref属性がない場合ならグレー文字ってしたいと思うじゃないですか。
そしたら以下みたいなコード書くと思います。

でもここで上記を継承するチェックボックス用の.btn1-checkboxが現れると、
aでもbuttonでもない場合は:not([href])が効いてしまい、常にグレーになってしまうので、どうするか・・・

(Read more…)

© 2017 Rain or Shine — Powered by WordPress

Theme by Anders NorenUp ↑