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

Top > CSS > SCSS-使用方法 > ネスト

ネスト

scss

@import "compass";
 
ul {
	color: #fff;
	li {
		color: #eee;
		a {
			color: #ddd;
			&:hover, &:visited {
				color: #ccc;
			}
		}
	}
}
 
 

css

/* line 3, ../scss/main.scss */
ul {
  color: #fff;
}
/* line 5, ../scss/main.scss */
ul li {
  color: #eee;
}
/* line 7, ../scss/main.scss */
ul li a {
  color: #ddd;
}
/* line 9, ../scss/main.scss */
ul li a:hover, ul li a:visited {
  color: #ccc;
}
 
 

---