网络编程
位置：首页>> 网络编程>> 网页设计>> 驯服CSS选择器--健壮我们的样式表（2）

驯服CSS选择器--健壮我们的样式表（2）

作者：ytzong　来源：99css　发布时间：2009-10-27 16:13:00　

标签：选择器,css,样式表

避免使用元素选择器

初始化除外

不好的：

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{...}

 

第一页 上一页 1
2
3 下一页
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com