好
CSS Code复制内容到剪贴板
#bookmarkMenuItem { list-style-image: url(blah) }
在以上示例中，要为匿名内容应用样式（不利用 list-style-image 的继承特性），将会产生Class分类中的规则，当这条规则本应该止于ID分类——所有分类中最确切的分类。
谨记: 所有元素都有同一种class，尤其是匿名内容！
上面示例中的“差”规则强制每个菜单的图标都要在包含书签的菜单项内进行测试。因为这里有很多菜单，这将是极其耗费的。相反，这条“好”规则将测试限制在书签菜单（外围容器，非单独项）内。
使用 -moz-image-region！
如果你正在开发针对Mozilla的代码：将一系列图像放置在一个单独的文件中，然后使用 -moz-image-region 进行选择，这比将他们分别放在自身的文件中来选择要表现得更加良好。
使用局部样式表
如果你能够明确将样式表作为XBL源，这些样式仅仅应用在被绑定的元素和其中的匿名内容上。这会减小通用规则和子元素选择器带来的负面影响，因为他们考虑的元素会更少。
如非必要则避免特定浏览器的渲染特征
总有有一些针对特定浏览器的或者实验性的标签和CSS属性，他们以前缀的形式来区分能够起作用的浏览器，例如 -webkit、-moz、 -ms、-o 等等。一旦某个标签或属性被标准化，这些前缀属性就会被移除。举个例子，在 border-radius 被标准化和被所有主流浏览器实现之前，你必须使用 -webkit-border-radius 和 -moz-border-radius 等属性。
对特定渲染的前缀和标签及属性的标准化的变化保持意识，并且在任何可行的时间都要去避免使用任何特定渲染的特性。
