Definir las propiedades de CSS dos veces

Question

general.css

#feedback_bar 
{ 
    /*props*/ 
} 

another.css

#feedback_bar 
{ 
    /*props*/ 
} 

se permite esto? ¿Ambos serán heredados?

Answer 1

Las propiedades definidas por última vez anularán las propiedades definidas anteriormente. A menos que use !important en la sección de CSS definida previamente.

.thing { 
    padding: 10px; 
} 

.thing { 
    padding: 12px; 
} 

.thing tendrá padding: 12px;

.thing { 
    padding: 15px !important; 
} 

.thing { 
    padding: 123px; 
} 

.thing tendrá padding: 15px;

Esto está permitido, y para responder de manera más estricta su pregunta, tanto de hecho se hereda como se muestra en este ejemplo:

.thing { 
    padding: 10px; 
} 

.thing { 
    background: red; 
} 

.thing tendrá ambos padding: 10px; y background: red;.

Además, tómese un momento para leer algunos de los comentarios sobre esta respuesta, ya que plantean buenos puntos que vale la pena seguir leyendo.

Answer 2

Esto está permitido, pero si hay propiedades duplicadas, se usará la última.

Answer 3

El que está cargado sobrescribe por última vez la (s) declaración (es) anterior (es). En cuanto a su autorización, css no puede arrojarle errores: P. Probablemente no sea una buena idea.