Showing
1 changed file
with
9 additions
and
7 deletions
@@ -130,13 +130,15 @@ Tip: SASS要保证应用到baz的样式也要用到bar,因此会生成不必 | @@ -130,13 +130,15 @@ Tip: SASS要保证应用到baz的样式也要用到bar,因此会生成不必 | ||
130 | 130 | ||
131 | * 嵌套顺序 | 131 | * 嵌套顺序 |
132 | 当使用Sass的嵌套功能的时候,重要的是有一个明确的嵌套顺序,以下内容是一个scss块应具有的顺序: | 132 | 当使用Sass的嵌套功能的时候,重要的是有一个明确的嵌套顺序,以下内容是一个scss块应具有的顺序: |
133 | -1. 当前选择器的样式属性 | ||
134 | -2. 父级选择器的伪类选择器 (:first-letter, :hover, :active etc) | ||
135 | -3. 伪类元素 (:before and :after) | ||
136 | -4. 父级选择器的声明样式 (.selected, .active, .enlarged etc.) | ||
137 | -5. 用Sass的上下文媒体查询 | ||
138 | -6. 子选择器作为最后的部分 | ||
139 | - | 133 | + 1. 当前选择器的样式属性 |
134 | + 2. 父级选择器的伪类选择器 (:first-letter, :hover, :active etc) | ||
135 | + 3. 伪类元素 (:before and :after) | ||
136 | + 4. 父级选择器的声明样式 (.selected, .active, .enlarged etc.) | ||
137 | + 5. 用Sass的上下文媒体查询 | ||
138 | + 6. 子选择器作为最后的部分 | ||
139 | + | ||
140 | + 代码示例: | ||
141 | + | ||
140 | //GOOD | 142 | //GOOD |
141 | .product-teaser { | 143 | .product-teaser { |
142 | // 1. Style attributes | 144 | // 1. Style attributes |
-
Please register or login to post a comment