避免使用元素选择器

初始化除外

不好的：

div{...}
ul{...}
p{...}

推荐：

.error{...}
.section{...}
.products{...}

给规则同样的权重

使用级联去重写先前的规则

不好的：

.myModule .inner b{...}
.myModule2 b{...}

推荐：

.myModule b{...}
.myModule2 b{...}

保守的使用 hack

不好的：

.mod .hd{...}
.ie .mod .hd{...}
.weatherMod .hd{...}

推荐：

.mod .hd{color:red;_zoom:1;}
.weatherMod .hd{...}

注：此点来自 The Cascade, Grids, Headings, and Selectors from an OOCSS Perspective, Ajax Experience 2009 第96P，为作者在 Ajax Experience 2009 上所做的补充。

避免指定位置

应用 class 在你想要改变的对象上

不好的：

.sidebar ul{...}
.header ul{...}

推荐：

.mainNav{...}
.subNav{...}

出处：99css
责任编辑：bluehearts

上一页 驯服CSS选择器--健壮我们的样式表 [1] 下一页 驯服CSS选择器--健壮我们的样式表 [3]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。