¿El orden de las clases en una lista de un elemento afectan a la CSS?

Tengo que discrepar un poco con Jon y Watson respuestas, como…

Sí, Puede (dependiendo de la instrucción)

Su pregunta es:

¿ El orden de las clases CSS de un elemento de DOM afectan a la declaración de prioridad?

Que no depende de la declaración en cuestión.

HTML Pedidos Normalmente No Importa

La siguiente son equivalentes cuando se trata de una recta llamada a una clase (es decir, .class1 o .class2) o a un combinado de la llamada (es decir, .class1.class2 o .class2.class1):

<div class="class1 class2"></div>
<div class="class2 class1"></div>

Casos Donde la Declaración de Prioridad, por encima de HTML Pueden ser Afectados Basada en HTML Fin de

El principal lugar donde se ordena en HTML que importa es con el uso de atributo selectores en CSS.

Ejemplo 1 Violín utilizando el siguiente código busca partido valor de atributo NO tendrá ningún cambio en el color de la fuente, y cada div va tienen propiedades diferentes a causa de la orden de las clases:

[class="class1"] {
    color: red;
}

[class="class1 class2"] {
    background-color: yellow;
}

[class="class2 class1"] {
    border: 1px solid blue;
}

Ejemplo 2 Violín utilizando el siguiente código busca partido principio de valor de atributo NO tendrá ningún cambio en el color de la fuente para el segundo div, y cada div va tienen propiedades diferentes a causa de la orden de las clases:

[class^="class1"] {
    color: red;
}

[class^="class1 class2"] {
    background-color: yellow;
}

[class^="class2 class1"] {
    border: 1px solid blue;
}

Ejemplo 3 Violín utilizando el siguiente código busca partido final de valor de atributo NO tendrá ningún cambio en el color de la fuente para el primer div, y cada div va tienen propiedades diferentes a causa de la orden de las clases:

[class$="class1"] {
    color: red;
}

[class$="class1 class2"] {
    background-color: yellow;
}

[class$="class2 class1"] {
    border: 1px solid blue;
}

Una Declaración aclaratoria acerca de «Prioridad»

Para ser claros, en los casos mencionados, lo que se ve afectado ya que ahora como «declaración de prioridad» es realmente una cuestión de si la declaración realidad se aplica o no el elemento. Pero desde la aplicación o no es en un sentido, la prioridad básica, y desde los de arriba son los casos en que dicha aplicación se basa en realidad en el orden de las clases de en el Dom de HTML del elemento (en lugar de la presencia o ausencia de la clase), pensé que la pena añadir esto como una respuesta.

Posible Uso Válido de la Clase de Pedido?

Este es un pensamiento que a mí, basado en BoltClock del comentario. Considerar sólo dos clases que se utilizan para elementos de estilo basándose en los factores que se consideran fundamentales para diferentes estilos. Estas dos clases, teóricamente, puede reemplazar el uso de once diferentes clases individuales mediante la combinación de selectores de atributo (en realidad, como se podrá observar más adelante, las posibilidades son casi ilimitadas, pero de una sola clase, pero voy a discutir que en un momento dado que este post es sobre el pedido de varias clases). Para estas dos clases de podemos estilo de los elementos de forma diferente, como sigue:

Asumiendo estas HTML Combinaciones

<div class="class1">Element 1</div>
<div class="class2">Element 2</div>
<div class="class1 class2">Element 3</div>
<div class="class2 class1">Element 4</div>

CSS Posibilidades

/* simply has the class */
.class1 {} /* affects elements 1, 3, 4 */
.class2 {} /* affects elements 2-4 */
/* has only a single class */
[class="class1"] {} /* affects element 1 only */
[class="class2"] {} /* affects element 2 only */
/* simply has both classes */
.class1.class2 {} /* affects elements 3-4 */
/* has both classes, but in a particular order */
[class="class1 class2"] {} /* affects element 3 only */
[class="class2 class1"] {} /* affects element 4 only */
/* begins with a class */
[class^="class1"] {} /* affects elements 1 & 3 only */
[class^="class2"] {} /* affects elements 2 & 4 only */
/* ends with a class 
   NOTE: that with only two classes, this is the reverse of the above and is somewhat
   superfluous; however, if a third class is introduced, then the beginning and ending 
   class combinations become more relevant.
*/
[class$="class1"] {} /* affects elements 2 & 4 only */
[class$="class2"] {} /* affects elements 1 & 3 only */

Si puedo calcular la derecha, 3 clases podría dar al menos 40 combinaciones de selector de opciones.

Para aclarar mi nota sobre «sin límites» de posibilidades, dado el derecho de la lógica, de una sola clase puede potencialmente tener incrustada código de combinaciones que se buscan a través de la [attr*=value] sintaxis.

Es todo esto demasiado complejo para gestionar? Posiblemente. Que puede depender de la lógica de exactamente cómo se implementa. El punto que estoy tratando de llevar a cabo, es que es posible con CSS3 para tener orden de las clases de ser significativo si uno deseado y planeado, y no podría ser de horriblemente mal utilizando el poder de CSS de esa manera.

No, no. El parte relevante de el estándar de la W3C no hace ninguna mención de que el orden de aparición de las clases.

No, no, como usted dijo, si dos reglas tienen la misma especificidad, la que viene más adelante en el CSS va a ser aplicado.