网络编程
位置:首页>> 网络编程>> 网页设计>> 驯服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{...}

 

0
投稿

猜你喜欢

  • 前段时间我通过观察韩国网站和其他作品发现了普遍存在黄金分割这样一个规律,不过只跟色相有关,明度、纯度还没做研究,今天看到论坛一篇“网页配色之
  • 今天彬Go将和大家一起讨论网页设计趋势中很重要的环节,那就是”勾引”用户的按钮。所谓”勾引”用户的按钮,其实对于Web设计师来说,就是如何设
  • 首先我们一起来看下 Character entities references (HTML Entities)和 Numeric Chara
  • 原文地址:30 Days of Mootools 1.2 Tutorials - Day 14 - Periodical and Intro
  • 摸到她了!青翠的衣衫,奶白的肌肤,捧在手上的感觉真是太好了,心里美滋滋的。《悟透JavaScript》,一本偶然之作,终于成书并出版了。本书
  • 刚开始进入页面,当滚动向下超过原屏的时候。右侧会出现一个“返回顶部”的按钮。这个按钮会跟这网页一起向上向下,当滚动到顶部的时候。“返回顶部”
  • 英文原文:The seven rules of Unobtrusive JavaScript原文地址:http://icant.co.uk/
  • 07年,我是极力推崇网站规范制作,好处很多,对商业,对用户,对设计师。我们走了两年,现在有了一定的成效,我们也看到了规范所带来的好处和便利。
  • 在ASP中利用OWC(Office Web Components)控件可轻松实现各种图表功能,如饼图,簇状柱型图,折线图
  • 一直希望自己对Web设计的色彩把握的更好些,所以手头上就备了一份图片版的配色表,对色彩的搭配有了很多的提高,今天发现了这套非常完整的Web版
  • 在我之前写的几篇网站优化的文章中,着墨最多的是减少HTTP请求。通过减少请求数目,你的浏览器必须能对你的网站所有内容成功检索,总的HTTP请
  • 对于熟悉 C/C++ 或 Java 语言的工程师来说,JavaScript 显得灵活,简单易懂,对代码的格式的要求也相对松散。很容易学习,并
  • 用XMLHTTP Post Form时的表单乱码有两方面的原因——Post表单数据时中文乱码;服务器Response被XMLHTTP不正确编
  • 最近在开发项目的过程中遇到一个问题,就是在插入一条记录的后要立即获取所在数据库中ID,而该ID是自增的,怎么做?在sql server 20
  • 问题当浏览SQL Server 2008的新特性时,我们看到了透明数据加密。这看起来很有趣。您能为我们解释一下并介绍下执行它的细节吗?专家解
  • 如何用我的国际域名做虚拟域名?config.asp<%Domain_URL = "intels.net&
  • 用DIV+CSS可以作出很多不同形状的角形;以下我只写了几个;CSS没有优化;是为了让大家看得更清一些;以下是一些小三角的形状:这是第一个小
  • 内容摘要:在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本
  • 本来想等到IE8正式发布时再在blog中写段代码,用来提示IE6用户升级到IE8的,不过貌似IE 8已经RTM了,今天又正好看到这个“升级I
  • 如何在数据库中限制检索行数?为了照顾显示器屏幕的大小,使检索结果更整齐明了一些,请问,可以控制数据库的检索行数吗?  &
手机版 网络编程 asp之家 www.aspxhome.com