我们列举了十几个相关的知识和注意事项，我们可以系统地探索，让我们的网页写得更流畅。
请不要告诉我，你不能理解E文本，但你不想看到！！！

1，风格体系是如何打破规则的
风格系统将规则分成四个主要类别。理解这些类别是至关重要的，因为它们是有关的第一行。就规则匹配而言，防御是在后面的段落中使用术语键选择器。关键选择器定义为一个ID选择器最右边出现，类选择器，或标签选择器。

1.1，ID规则
第一类由具有ID选择器的规则组成。

这是一#返回按钮按钮ID归类{} / * * /规则
# urlbar {类型=自动完成} { } / *这是一个身份的分类规则。
项目> treerow >树木细胞#美赛：活动这是一个身份分{} / * * /规则
1.2，类规则
如果规则具有指定为键选择器的类

button.toolbarbutton {} / *规则*一类/
。fancytext {} / *规则*一类/
菜单>。菜单左{检查=真正的} { } / * * /基于类的规则
1.3，标签规则
如果没有指定类或id作为键选择器，那么键也是主要的因素。

基于标签的规则*
项目> treerow {} / * * /基于标签的规则
输入{
1.4，普遍规则
所有其他规则都属于这一范畴。


表：一个通用规则{
{隐藏
{ * * *通用*规则
树{ =
2，风格系统如何匹配规则
风格系统匹配规则从右边移到左边的选择器，通过规则的选择器。只要你小小的子树继续检查，风格系统将继续向左移动直到它比赛规则或捞出因为不匹配。
您的第一道防线是基于键选择器类型的规则筛选。这种分类的目的是过滤规则，这样你就不必浪费时间去匹配它们。这是提高性能的关键。对于给定元素，您甚至不得不检查的规则更少。更快的样式分辨率将是。例如，如果您的元素有ID，那么只检查与元素ID匹配的ID规则。只有在您的元素上找到的类的类规则才会被检查。只检查与标签匹配的标记规则。通用规则将永远被检查。

3，高效CSS指南
3.1，避免普遍的规则！
确保一个规则不在通用范畴中结束！

3.2，不要用标记名或类限定ID分类规则
如果你有一个样式规则，它有一个ID选择器，id，世界的第二部分。


复制代码代码如下所示：
坏的按钮#返回按钮{ }
坏。菜单左# newmenuicon { }
好#返回按钮{ }
好# newmenuicon { }

3.3，不要用标记名限定类分类规则
与上面的规则类似，我们所有的类都是独一无二的。


复制代码代码如下所示：
坏treecell.indented { }
好的。树木细胞缩进{ }

3.4，试着把规则放在最具体的类别中！
我们的系统放缓的最大原因是我们在标签类别中有太多的规则。通过向我们的元素添加类，我们可以进一步将这些规则细分为类类别，这样我们就不再浪费时间去匹配给定标签的许多规则。


不良项目{ mailfolder =真正的} > treerow >树木细胞{ }
好的。树木细胞mailfolder { }
3.5，避免子代选择器！
子代选择器是CSS中最昂贵的选择器。这是非常昂贵的，特别是如果一个规则使用选择器在标签或分类。通常，真正需要的是子选择器。未经皮肤模块所有者的明确批准，用户界面中禁止使用后代选择器。

坏treehead treerow树木细胞{ }
好，但还是不好（看下指南）- treehead > treerow >树木细胞{ }
3.6，标签分类规则不应该包含子选择器！
避免使用带有标签分类规则的子选择器。你将戏剧性地，意志，系统的第二部分。


坏treehead > treerow >树木细胞{ }
最好的。树木细胞头{ }
3.7，询问子选择器的所有用法！
使用子选择器时要小心。如果你能来，你和其他两个是以下两个方面。


不良项目{ isimapserver =真正的} > treerow >。树folderpane图标{ }
请记住，RDF的属性可以在模板中复制！兴


好的。树folderpane图标{ isimapserver =真正的} { }
3.8，依靠继承！
了解哪些属性继承，并允许它们这样做，我们已经显式地设置了！XUL widgetry以便你可以把列表样式图像（只是一个例子）或字体规则对父标签，并将滤波器的匿名内容。你不必浪费时间写一条直接与匿名内容对话的规则。


坏# bookmarkmenuitem >。菜单左{列表样式图像：URL（废话）；}
好# bookmarkmenuitem {列表样式图像：URL（废话）；}
在上面的示例中，样式化匿名内容（不理解列表样式映像继承）的愿望导致了一个规则，即在类类别中，当这条规则实际上应该成为所有类别中最具体的类别时，id类别。
特别要记住，对于匿名内容，它们都有相同的类，上面的规则是错误的！要检查的每一个菜单的图标，看看它是否包含在书签菜单项中。这是非常昂贵的（因为有很多菜单这个规则没有）；应该已经比其他任何菜单选中书签菜单。

3.9、使用万盎司的图像区域！
将一组图像放入一个单独的图像文件和图像中，它也被称为是非。
戴维凯悦informationauthor原始文件：