Skip to content

Commit b94ced6

Browse files
committed
Update README.md
1 parent a718f8c commit b94ced6

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Airbnb CSS / Sass 风格指南
1+
# Airbnb CSS / Sass 指南
22

33
*用更合理的方式写 CSS 和 Sass*
44

@@ -43,7 +43,7 @@
4343
<a name="selectors"></a>
4444
### 选择器
4545

46-
在规则声明中,“选择器” 部分将决定样式属性会被应用到 DOM 树中哪些元素。选择器可以匹配 HTML 元素,也可以匹配一个元素的类名、ID, 或者元素拥有的属性。以下是选择器的例子:
46+
在规则声明中,“选择器” 负责选取 DOM 树中的元素,这些元素将被定义的属性所修饰。选择器可以匹配 HTML 元素,也可以匹配一个元素的类名、ID, 或者元素拥有的属性。以下是选择器的例子:
4747

4848
```css
4949
.my-element-class {
@@ -272,7 +272,7 @@
272272
<a name="extend-directive"></a>
273273
### 扩展指令
274274

275-
应避免使用 `@extend` 指令,因为它并不直观,而且具有潜在风险,特别是用在嵌套选择器的时候。即便是在顶层占位符选择器使用扩展,如果选择器的顺序最终会改变,也可能会导致问题。(比如,如果它们存在于其他文件,而加载顺序发生了变化)。其实 gzip 已经帮助你获得了使用 `@extend` 所获得的大部分优化效果,因此你只需要通过 mixin 让样式表更加符合 DRY 就足够了
275+
应避免使用 `@extend` 指令,因为它并不直观,而且具有潜在风险,特别是用在嵌套选择器的时候。即便是在顶层占位符选择器使用扩展,如果选择器的顺序最终会改变,也可能会导致问题。(比如,如果它们存在于其他文件,而加载顺序发生了变化)。其实,使用 @extend 所获得的大部分优化效果,gzip 压缩已经帮助你做到了,因此你只需要通过 mixin 让样式表更符合 DRY 原则就足够了
276276

277277
<a name="nested-selectors"></a>
278278
### 嵌套选择器

0 commit comments

Comments
 (0)