El uso de dos archivos CSS en el mismo archivo html

Question

¿Es posible utilizar 2 clases CSS que tienen el mismo nombre para los selectores, etc., en el mismo archivo HTML? Si es así, ¿cómo diferenciar entre los dos elementos durante el peinado?

Answer 1

Si esto es posible, basta con incluir dos archivos CSS en la sección HEAD del documento. Cualquier estilo establecidos en la primera se sobrescribirán en el segundo, por lo que usted tiene esto:
Primer archivo:

 #something{
  background-color: #F00;
  color: #FFF;
 }

Y luego, en el segundo archivo:

 #something{
  background-color: #000;
 }

A continuación, el color de fondo para #something será reemplazado en el segundo archivo de negro, pero el color seguirá siendo el mismo desde el segundo archivo no dice nada al respecto.

Answer 2

Esto debería funcionar, intentarlo.

<style>
  .foo{
    border:1px solid blue;
    color:red;
  }
  .foo{
    border:4px solid orange !important;
  }
</style>
<div class="foo">this will have an orange border and red text (no blue border)</div>

Answer 3

Sí, es posible. Las definiciones del segundo archivo se sobreponen a las definiciones del primer archivo. No hay manera de diferenciar entre los dos, pero a anteponer los nombres de las clases de acuerdo con el archivo.

Answer 4

  

... que tiene similares los nombres de los selectores

Si los nombres son en realidad similares y no idénticos entonces no debería ser un problema.

Answer 5

Qué quiere decir 2 definiciones de la misma clase? o 2 nombres de clase en un elemento?

El primer caso, no.

<style>
  .foo{
    border:1px solid blue;
    color:red;
  }
  .foo{
    border:4px solid orange;
  }
</style>
<div class="foo">this will have an orange border and red text (no blue border)</div>

El segundo caso, sí

<div class="class1 class2">this is valid</div>