理解CSS中的样式优先级：css样式优先级顺序的讲解

1、理解css中的样式优先级：css样式优先级顺序的讲解您是否碰到过尝试将css样式应用于元素的状况，但是却没有效果？页面似乎忽视了你定义的css，但你可能无法弄清晰缘由。大概你会让！important或添加内联样式作为最后的实现手段。但事实上你碰到的问题很可能是css优先级之一。（推举课程：css视频教程）更好地理解哪些css样式优先用法可以更清楚更有组织的来写css代码，所以让我们看看控制给定html元素的三个css规章：css优先级计算css继承css层叠学习这些规章将使您的css开发更上一层楼。优先级计算想象一下，你的html包含一个应用了一类生物的段落。您还有以下两个css规章：pfon

2、t-size：12pxp.biofont-size：14px你希翼段落中的文字大小是12px还是14px？在这种状况下你可以猜想它将是14px。css（p.bio）的其次行比你的class=bio段更详细。然而，有时优先级并不简单看到。例如，考虑以下html和css文字在这里divp.biofont-size：14pxsidebarpfont-size：12px乍一看，第一行css可能看起来更详细，但事实上上面的其次行更符合段落的字体大小。这是为什么？要回答这个问题，我们需要考虑优先级规章。通过计算css的各种成分并以（a，b，c，d）形式表达它们来计算特异性。这将通过一个例子更清晰，但首先是

3、组件。元素，伪元素：d=1-（0,0,0,1）类，伪类，属性：c=1-（0,0,1,0）id：b=1-（0,1,0,0）内联样式：a=1-（1,0,0,0）id比类更详细而不是元素。您可以通过计算上述每一项并将a，b，c或d加1来计算优先级。同样重要的是要注重0,0,1,0比0,0,0,15更详细。让我们看一些例子来使计算更清楚。p：1个元素-（0,0,0,1）div：1个元素-（0,0,0,1）sidebar：1个id-（0,1,0,0）divsidebar：1个元素，1个id-（0,1,0,1）divsidebarp：2个元素，1个id-（0,1,0,2）divsidebarp.bio:2

4、个元素，1个类，1个id-（0,1,1,2）让我们再看一下上面的例子divp.biofont-size：14px-（0,0,1,2）sidebarpfont-size：12px-（0,1,0,1）其次个具有更高的优先级，因此优先。在我们前进之前的最后一点。重要性赛过优先级，当你用法！important标志css属性时，你会笼罩优先级规章等等divp.biofont-size：14px！importantsidebarpfont-size：12px表示上面的第一行css优先于其次行而不是其次行。！important仍然是围绕基本规章的特别性，假如您了解规章的运作方式，您应当永久不需要。继承继承背

5、后的主意相对简单理解。元素从其父容器继承样式。假如将body标签设置为用法color：red，那么除非另有解释，否则正文中全部元素的文本也将为红色。但是，并非全部css属性都是继承的。例如，边距和填充是非继承属性。假如在div上设置边距或填充，则div内的段落不会继承您在div上设置的边距和填充。该段落将用法默认的扫瞄器边距和填充，直到您另外声明。但是，您可以显式设置属性以从其父容器继承样式。例如，您可以声明pmargin：inherit;填充：继承然后你的段落将从它的包含元素继承。层叠在最高级别，层叠是控制全部css优先级的，并且如下工作。1、查找适用于相关元素和属性的全部css声明。2、按

6、原点和分量排序。origin指的是声明的来源（作者样式，用户样式，扫瞄器默认值），权重指的是声明的重要性。（作者的权重大于用户的权重大于默认值。！important比正常声明更重要）3、计算优先级4、假如上述全部规章中的两个规章相同，那么最后一个规章获胜。嵌入在html中的css总是在外部样式表之后，而不管html中的挨次如何。上面的3很可能是你最需要注重的。用法2只需了解您的样式将笼罩用户设置扫瞄器的方式，除非他们将规章设置为重要。还要意识到您的样式将笼罩扫瞄器默认值，但这些默认值的确存在，并且通常会导致跨扫瞄器问题。用法重置文件，如ericmeyer的css重置或yahoo的yui重置css有助于将默认样式排解在等式之外。总结希翼以上内容有助于理清您的一些css优先级问题。大多数状况下，假如你的风格存在矛盾，问题将归结为优先级。有时你还没有声明一些css，但是一个元素的行为方式你并不期望它可能从父容器或扫瞄器的默认样式继承了某些css。声明css时的普通阅历法则是声明具有最小优先级的属性来设置元素的样式。例如，用法sidebar而不是divsidebar。我承认打破这个普通规章远远超过我应当，但通过用法所需的最小优先级，它将使您更简单通过声明更详细的样式来笼罩样式。假如您用法最具优先级，您可能会