sassで親のセレクタを参照する

子セレクタから、親セレクタを参照する。
参照するときには&を頭につける。

a {
    &:link { color: #0033cc;}
    &:visited { color: #1111cc;}
    &:hover { color: #0033cc;}
    &:active { color: #1111cc;}
}

これをコンパイルする。

a:link {
  color: #0033cc;
}
a:visited {
  color: #1111cc;
}
a:hover {
  color: #0033cc;
}
a:active {
  color: #1111cc;
}

こうなります。

スポンサードリンク

RSS購読のススメ

RSS

定期的に読んでいただけるかたはRSS登録しておくと便利です。RSS登録はこちら!!

びーおーぷんどっとねっとのRSS登録

Twitterでも情報をつぶやいているので、フォローしてみるといいかもしれません。

コメントを残す

サブコンテンツ

Profile

twitter

google+
@beopener12on Google+

Facebook

サイト内検索

記事を検索したいときはここにキーワードを入れて検索ボタンをクリックすれば見つかるかも・・・

スポンサードリンク

おすすめ

このページの先頭へ