[SOLUCIONADO] Codigo css duplicado

[joselegolas]

Tengo una hoja de estilos *.css que invoco en mi archivo php, pero quiero machacar alguna información de esa hoja de estilos (que es estandar pero la personalizo cada vez que la llamo en un par de parámetros sólo cuando me es necesario)

¿Que tengo que hacer para machacar la información?

Esta información está en el archivo *.css:

Código CSS:

.clsVentana{
    width: 702px; 
    height: 500px;}
 

por esta otra que tengo que poner en mi archivo php

Código CSS:

.clsVentana{
    width: 402px; 
    height: 300px;}
 

[Rafael]

¿Machacar? ¿Necesitarás un molino quizá?

Ya, en serio.

Yo de plano quitaría esos valores de la hoja de estilos, ya que necesitas personalizarlos, pero eso dependerá de que porcentaje de veces necesitas hacerlo y qué otros estilos estén asignados con .clsVentana, digamos color, tipografía, algún JavaScript logado a esto, etc.

Supongamos que tienes muchas más cosas metidas en el css además de ancho y alto.

Por ejemplo digamos que tienes 100 veces div class="clsVentana", y de esas 100 solamente necesitas una vez los valores de ancho y alto. Entonces los puedes meter en el mismo html.

<div class="clsVentana" style="width: 402px; height: 300px;"> probablemente tendrás que agregar important.

Pero sí de plano lo tienes que cambiar 20 veces, mejor lo sacas de clsVentana, y haces una clase nueva.

<div class="clsVentana grande">
<div class="clsVentana chica">

Código CSS:

.grande{
        width: 702px;
        height: 500px;
.chica{
        width: 402px;
        height: 300px;}
 

[joselegolas]

Al agregar important me ha funcionado! gracias, no quería quitarlos de la hoja de estilos porque sólo lo cambio un par de veces y lo utilizo muchísimas veces en distintos php.
Gracias por la indicación