File tree Expand file tree Collapse file tree 1 file changed +3
-3
lines changed
Expand file tree Collapse file tree 1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change 1- # Airbnb CSS / Sass 风格指南
1+ # Airbnb CSS / Sass 指南
22
33* 用更合理的方式写 CSS 和 Sass*
44
4343<a name =" selectors " ></a >
4444### 选择器
4545
46- 在规则声明中,“选择器” 部分将决定样式属性会被应用到 DOM 树中哪些元素 。选择器可以匹配 HTML 元素,也可以匹配一个元素的类名、ID, 或者元素拥有的属性。以下是选择器的例子:
46+ 在规则声明中,“选择器” 负责选取 DOM 树中的元素,这些元素将被定义的属性所修饰 。选择器可以匹配 HTML 元素,也可以匹配一个元素的类名、ID, 或者元素拥有的属性。以下是选择器的例子:
4747
4848``` css
4949.my-element-class {
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### 嵌套选择器
You can’t perform that action at this time.
0 commit comments