驯服CSS选择器--健壮我们的样式表(2)
作者:ytzong 来源:99css 时间:2009-10-27 16:13:00
避免使用元素选择器
初始化除外
不好的:
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{...}
标签:选择器,css,样式表
0
投稿
猜你喜欢
教程:打造SQL Server2000的安全策略
2008-12-23 15:52:00
vertical-align表单元素垂直对齐
2009-07-27 13:02:00
Dreamweaver MX技巧之超链接
2009-05-29 18:40:00
黄相如:如何做好用户体验
2008-06-04 17:34:00
简单介绍各种浏览器中的本地存储方法
2012-04-26 16:37:34
DreamweaverMX制作导航下拉菜单
2010-07-02 16:29:00
使用ASP脚本命令重新启动服务器
2008-10-10 11:53:00
设计师和美工
2008-10-27 13:43:00
在IE下获取object(ActiveX)的Param
2009-05-15 13:07:00
如何在页面错误时向数据库中添加记录?
2010-06-26 12:26:00
详尽解析javascript的event对象
2008-01-16 11:27:00
superLink,让伪链接更有可用性
2009-06-02 12:35:00
ASP缓存类 【先锋缓存类】Ver2004
2009-01-05 12:28:00
jQuery.sheet – 创建Excel界面风格的jQuery在线应用
2010-01-27 13:03:00
sql server中批量插入与更新两种解决方案分享(存储过程)
2012-05-22 18:29:59
搜索结果页(SERP):前言
2009-07-22 20:56:00
em和strong的区别
2008-12-23 12:08:00
SQL 特殊语句(学习笔记)
2012-06-06 19:51:33
解构用户研究
2010-03-15 12:34:00
oracle 发送邮件 实现方法
2009-06-10 17:49:00