CSS/SCSS-使用方法/継承 - プログラミングの勉強をしよう@Wiki

Top > CSS > SCSS-使用方法 > 継承

Compassのインポート

scss

@import "compass";
 
.parent {
	color: #fff;
	div {
		color: #eee;
	}
}
 
.child {
	@extend .parent;
	font-size: 90%;
}
 
 

css

/* line 3, ../scss/main.scss */
.parent, .child {
  color: #fff;
}
/* line 5, ../scss/main.scss */
.parent div, .child div {
  color: #eee;
}
 
/* line 10, ../scss/main.scss */
.child {
  font-size: 90%;
}
 
 

---