書いてる野郎

orebike@gmail.com

CSS/Sass/SCSS文法

子孫セレクタをブロックのネストで書く

p.hoge{
    color: #FF0;
    a{
        color:#FFF;
    }
}

子孫セレクタはHTMLの構造と似たように設定自体も入れ子に書くことができる

p.hoge {
  color: #FF0; }
  p.hoge a {
    color: #FFF; }

このようにhogeクラスに対するスタイルはそれはそれで記述され、入れ子にしたものも親セレクタが展開される。

バージョン

2012-07-24

タグ

Sass, CSS, SCSS

css/preproc/sass/scss_syntax.txt · 最終更新: 2019-12-03 10:36 by ore

文書の先頭へ