Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit 85e02c6

Browse files
committed
修改低效选择器条目
修改低效选择器条目
1 parent 727aac7 commit 85e02c6

File tree

1 file changed

+19
-8
lines changed

1 file changed

+19
-8
lines changed

README.md

Lines changed: 19 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,7 @@
4545
* [属性书写顺序](#order)
4646
* [注释规范](#css-comment)
4747
* [hack规范](#hack)
48-
* [避免类型选择器](#type-selector)
48+
* [避免低效率选择器](#low-selector)
4949
* [属性缩写与分拆](#override)
5050
* [模块化](#css-module)
5151
6. [图像约定](#img)
@@ -824,21 +824,32 @@ if条件共包含6种选择方式:是否、大于、大于或等于、小于
824824
目前的常用IE版本为6.0及以上,推荐酌情忽略低版本,把精力花在为使用高级浏览器的用户提供更好的体验上,另从IE10开始已无此特性
825825
```
826826

827-
<a name="type-selector"></a>
828-
### 16.避免类型选择器
827+
<a name="low-selector"></a>
828+
### 16.避免低效率选择器
829829

830-
* 避免出现标签名与ID或class组合的选择器
831-
* 太多这种写法会让你的CSS效率变得糟糕
830+
* 避免类型选择器
832831

833-
不推荐
832+
不允许
834833

835834
div#doc{ sRules; }
836835
li.first{ sRules; }
837836

838-
推荐
837+
应该
839838

840839
#doc{ sRules; }
841840
.first{ sRules; }
841+
842+
> CSS选择器是由右到左进行解析的,所以 div#doc 本身并不会比 #doc 更快
843+
844+
* 避免多id选择器
845+
846+
不允许:
847+
848+
#xxx #yyy{ sRules; }
849+
850+
应该:
851+
852+
#yyy{ sRules; }
842853

843854
<a name="override"></a>
844855
### 17.属性缩写与分拆
@@ -973,7 +984,7 @@ body{
973984
}
974985
.m-detail-hd .title{
975986
background: #eee;
976-
}
987+
}
977988
.m-detail-bd{
978989
padding: 10px;
979990
}

0 commit comments

Comments
 (0)