para - Usando dos archivos css en el mismo archivo html

incluir archivo css html

Question

¿Es posible usar 2 clases de CSS que tengan el mismo nombre para los selectores, etc. en el mismo archivo HTML? Si es así, ¿cómo se diferencia entre los dos al diseñar elementos?

Answer 1

... que tienen nombres similares para los selectores

Si los nombres son realmente similares y no idénticos, entonces no debería haber un problema.

Answer 2

Sí, es posible. Las definiciones en el segundo archivo sobrescribirán las definiciones del primer archivo. No hay forma de diferenciar entre los dos sino de anteponer los nombres de clase de acuerdo con el archivo.

Answer 3

¿te refieres a 2 definiciones para 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>

Answer 4

Esto debería funcionar, pruébalo.

<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 5

Sí, esto es posible, simplemente incluya dos archivos css en la sección HEAD del documento. Cualquier estilo establecido en el primero se sobrescribirá en el segundo, por lo tanto, digamos que tiene esto:
Primer archivo:

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

Y luego en el segundo archivo:

 #something{
  background-color: #000;
 }

Luego, el color de fondo de # algo se sobrescribirá en el segundo archivo en negro, pero el color permanecerá igual ya que el segundo archivo no dice nada al respecto.