Forzar elemento a usar otro css

[helacer]

Buenas


Tal vez este tema ya lo han tratado pero no encotnre la soluciona miproblema por eso acudo a hacer una pregutna en el foro.


Tengo un ul con un listado de opciones "No puedo modificar este codigo html"

Código:

<ul>
<li>a</li>
<li class='diferente'>a</li>
<li>a</li>
<li>a</li>
<li>a</li>
</ul>

Todos los li tiene aplicado un estilo pero el li con case necesito que se comporte diferente .. le cree un estilo pero necesito que ignore lo que se le aplica a los otros li y lo que me hace es que le aplcia los dos estilos.

Como hago para que ignore el estilo de los otros li.... Espero me entienda y me puedan ayudar

gracias

EDITO: Perdón me equivoque de foro esto va en CSS.

[pateketrueke]

Pues como bien debes saber, los estilos CSS son en cascada, esto quiere decir que se van sobre escribiendo de arriba hacia abajo en orden.

Simplemente la clase 'diferente' debería ir declarada después de las clases normales de los li.

O bien, en todo caso usar !important para forzar la regla individual.

[helacer]

pateketrueke gracias por contestar ... pero lo tengo así como me dice con important y todo

y me aplica los dos estilo... yo necesito que me aplique unicamente el que le asigno a ese li especifico....

Como hago eso gracias?

[noruas]

Pon el codigo css a ver si vemos el fallo.

saludos.

[kseso?]

Iniciado por helacer

Todos los li tiene aplicado un estilo pero el li con case necesito que se comporte diferente .. le cree un estilo pero necesito que ignore lo que se le aplica a los otros li y lo que me hace es que le aplcia los dos estilos.

Como hago para que ignore el estilo de los otros li.... Espero me entienda y me puedan ayudar

¿Se refiere a que aplica lo declarado expresamente para ".diferente" y lo que no lo declarado para los li? Es lo lógico.
Porque lo que es imposible es que aplique el valor de una propiedad cualquiera dos veces (.diferente + li) como puede ser el color.
Si quiere anular una declaración debe sobreescribirla. Y para que prevalezca una sobre otra declarar con posterioridad.
Primero el css de li y después los de ".diferente"
Y ser tan específico, por lo menos, en el selector de ".diferente" como haya sido en el del li

[Oscar_Hidro]

@helacer, lo que te comentan es que en tu css declara primeramente los estilos para tu lista. Y después declara los estilos para tu clase. De esta manera, aplicará el estilo correcto en tu clase ".diferente"

[helacer]

gracias a todos por respoder


Creo que los tengo como me comentan pero no me funciona

Código:

.archivo li{
	width: 33px;
	height: 25px;
	border-radius: 16.5px;
	background-color: #a5a5a5;
	font-size: 0.9em;
	padding-top: 8px;
	text-align: center;
	margin-top: 0px;
}
/**/
.archivo li.archivo-start, .archivo li.archivo-prev {
	color: #96003d !important;
	font-size: 0.8em !important;
}

la idea es que li.archivo-start, li.archivo-prev solo me les asigne el color y tamaño de la letra y n me le ponga el background nin ada pero no lo e logrado.

Que ajuste le hago para que funcione.


Gracias

[Oscar_Hidro]

Para que no te herede las características, por poner un ejemplo el background, ponle background:none; y cambia los elementos que no te sean necesarios. Por que en este caso, estas heredando todas las caracteristicas de ".archivo li" a "i.archivo-start, li.archivo-prev", asi que tendrás que cambiar las características a tus elementos

[kseso?]

Está feo autocitarse:

Iniciado por kseso?

Si quiere anular una declaración debe sobreescribirla.

[helacer]

gracias Oscar efectivamente me estaba ahogando en un vaso de agua...tocaba era reescribir lo que no quería utilizar y listo

Gracias a todos