Question

This question already has answers here:

Does the order of classes listed on an item affect the CSS? (5 answers)

Closed 2 years ago.

当多个班级被确定为一项内容时,是否在中央安全局有一条规则确定单管令? (class='one two" vs class= “2 one”

现在看来没有这种效果。

例:二分之三

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html>
  <head>
    <style>
      .one { border: 6px dashed green }
      .two { border: 6px dashed orange }
    </style>
  </head>

  <body>

  <div class="one two">
    hello world
  </div>

  <div class="two one">
    hello world
  </div>

Answer 1

这取决于你们的风格。例如,

.one { border: 6px dashed green }
.two { border: 6px dashed orange }

v

.two { border: 6px dashed green }
.one { border: 6px dashed orange }

Answer 2

The category Definlast in the CSS is what得分。关于该要素的命令确实很重要,这在我所知的所有浏览器中都是一贯的,我会尝试并列入相关的光谱。

entire/em> 如果<代码>.one有一个财产有<代码>2,则该财产即为单赢。当然,你会看到,这些“代码”和“t”;div>要素上的财产。

Answer 3

正如其他答复所指出的,在类别中宣布的命令没有效果——优先权来自在特别安全局档案中申报的顺序。

然而,如果你真的想要篡改允许你在等级上“放弃”优先权的东西,你可以尝试:

   .one-first { border: 6px dashed green }
      .two-first { border: 6px dashed orange }

   .one { border: 6px dashed green }
      .two { border: 6px dashed orange }

之后

   <div class="one-first two"/>

以及

   <div class="two-first one"/>

定出最后一名获奖者的优先权(与最后优先的CSS推进剂类似)。

Answer 4

班次的顺序就是一个比值。这取决于几个方面,就你而言,它符合你撰写文章的顺序。

这两种风格都有相同的特性,因此,两种风格超越了单体的风格,因为它在风格的标签上较低。

Answer 5

在使用多个班级确定要素风格时,你可以使用<条码>! 进口来推翻风格的“标记”。

.one { border: 6px dashed green !important } 
.two { border: 6px dashed orange }

这将使你们的红.变得绿色。

Answer 6

我认为,显然没有适用这种规则。规则.one与规则具有相同的特殊性。在任何地方都没有提到<条码>>>/条码>属性。

Answer 7

在宣布这些班级的顺序中将出现压倒一切的现象。因此,2人总是胜出。

Answer 8

在怀疑时,见PeBug的网页。它将取消那些压倒一切的班级,并显示其在该页适用的命令。

还指出,行文风格将凌驾于外部风格的风格。如果你想要打破连锁反应的可适用性,你可以使用! 进口声明,如上所示。

p {margin: 10px 5px 0 10px !important}

这将导致! 进口 declration,以压倒他人,不论立场如何。有些人认为这种做法是坏的,但如果明智地加以使用,则会发生错失。

友情链接