css优先级怎么计算？

1、css优先级怎么计算？对于css样式优先级理解它的最好办法是从一个例子开头。然后我们将认真讨论如何计算实际优先级以确定哪个挑选器优先。ps：推举学习：css视频教程下面是一个容易的无序列表：汽水啤酒果汁假如现在你要指定其中一种你喜爱的饮料并转变它的样式。你可以通过list元素上的类名来应用它。汽水啤酒果汁现在你就可以在css中为它添加样式.favoritecolor:red;font-weight:bold;然后你看你的实现效果会发觉这个样式它没有作用！你挑选添加样式的饮料并没有变成红色，字体也没有加粗认真观看css中的代码你就会发觉，有两个挑选器ulsummer-drinkslifont-w

2、eight:normal;font-size:12px;color:black;两个不同的css挑选器都定义了文本色彩和字体分量。字体大小惟独一个声明，所以很显然一个会生效。这些不是矛盾，但扫瞄器的确需要打算这些定义了的内容中需要实现哪一个。这就需要通过遵循一套标准的优先级规章来实现。这可能会让一些初学者感到困窘，由于他们尚未彻低解决这个问题。他们可能会认为由于.favorite语句在css中更进一步，或者由于class=favorite在html中更临近实际文本，将是优先的。事实上，css中挑选器的挨次的确发挥了作用，当优先级彻低相同时，后来定义的内容事实上是先执行的，例如：.favorit

3、ecolor:red;.favoritecolor:green;执行的结果字体的色彩会变绿这里的要点是你希翼尽可能详细的理解。即使有上面提到的容易例子，终于你会明了，仅仅用法一个类名来定位最喜爱的饮料并不会减少它，或者即使它的确起作用也不会很平安。可以用法以下办法详细定义：ulsummer-drinksli.favoritecolor:red;font-weight:bold;这就是我所说的详细而言才故意义。你事实上可能更详细，并用法这样的东西：htmlbodydivpagewrapulsummer-drinksli.favoritecolor:red;font-weight:bold;但有时

4、候代码会很长。它会使的css代码的阅读性降低，并没有产生任何实际益处。为.favorite类提取特异性值的另一种办法是用法！important声明。.favoritecolor:red!important;font-weight:bold!important;我曾经听说过！important是css的绝地思维技巧。也的确如此，您可以通过用法它来强制您的元素样式。但是，通过大幅提高特定挑选者用法的特别性，将会产生一些不须要的问题。假如被错误理解，那么！important声明很简单被滥用。它最好用于保持css干净，例如，您知道具有特定类挑选器的元素应当用法某种样式集。相反，不仅仅用作迅速的用法办法来笼罩某些东西的样式，而不是弄清晰原始作者如何构造和用法css。我的一个经典例子是：.lastmargin-right:0!important;计算css挑选器优先级为什么我们第一次尝试更改色彩和字体分量失败了？正如我们所了解的那样，这是由于容易地用法类名本身具有较低的优先级，并且被另一个挑选器笼罩，该挑选器用法id值定位无序列表。该句中的重要词语是类和id。css对类和id