Anular estilos?

[SidV]

Buenas gente...
El drama es el siguiente:
Tengo una css que formatea los elementos de una lista, es decir, los tags ul, y li.
Lo que quiero hacer, es otra lista y que NO respete esos formatos?
Como se hace para decirle al tag que NO respete la hoja css?

Es una pregunta tonta seguramente para uds...
Pero me entienden?

Bueno, gracias.

[JavierB]

Hola SidV

Creo que lo mejor es que a la lista que quieres aplicar los estilos se pongas un identificador:

<ul id="lista">

y los estilos los pongas de esta forma:

#lista {list-style-type:none}
#lista li {color:red}

así solo los aplicará a una lista, no a todas.

Saludos,

[SidV]

Rayos, probe como me dijiste, pero no tuve exito.
Ademas... no faltan ";" (puntos y comas?)

#lista {list-style-type:none}
#lista li {color:red}

En fin...
Yo tengo en style.css:

Código:

.caja ul {
	line-height: 20px;
	list-style-type: none;
	}
.caja li {
	border-bottom: 2px solid #1A507A;
	}
.caja li a {
	background-color: #215883;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 7px;
	border-left: 5px solid #2B6693;
	display: block;
	}
.caja li a:hover {
	background-color: #2B6693;
	padding-left: 7px;
	border-left: 5px solid #fc0;
	}

Y definido en index.html .. por ejemplo:

Código:

<ul><li><a href="http://www.links.com">bla bla</a></li>
<li><a href="www.com">bla bla</a></li><ul>

Quiero que esos tags que contienen link NO se formateen con lo que dice la hoja de estilos, es decir que lo que tiene la etiqueta UL quede, el resto no.

Se entiende?

[Rafael]

Css no puede saber que contendrá el siguiente nivel.

Si defines li a {} no puede saber si "li" traerá "a" dentro o no, eso sería cascada inversa.

Como lo tienes si necesitas asignarle class diferentes a cada li.

Para que funcione el código no te confundas con #lista y .lista.

Hay otras alternativas, pero son más elaboradas y escribes más que esta opción.


Una sería por ejemplo quitarle el bullet a los li y ponerselo a un span dentro del li.

.lista li span {list-style-type: bla bla...}

[KnowDemon]

Iniciado por SidV

Quiero que esos tags que contienen link NO se formateen con lo que dice la hoja de estilos, es decir que lo que tiene la etiqueta UL quede, el resto no.

Se entiende?

Lo siento, pero al menos yo no tengo del todo claro que deseas conseguir...

...pero en vez de pensar en algo como "dejar de aplicar los estilos" velo como "aplicar estilos diferentes". Tal vez ahí está la solución a tu problema. Aquello que desees que sea "diferente" al resto asignale una clase o algo que lo distinga y aplicale los estilos correspondientes.

O eso, o realmente no entendí nada de lo que dijiste.

[Rafael]

En realidad es una pregunta interesante.

Li lleva un bullet, ¿ok?
Quiere que si pone un link dentro de un li desaparezca el bullet.

Tal vez debería de haber estilos negativos.
Como inherit: no.

[KnowDemon]

Iniciado por Rafael

En realidad es una pregunta interesante.

Li lleva un bullet, ¿ok?
Quiere que si pone un link dentro de un li desaparezca el bullet.

Tal vez debería de haber estilos negativos.
Como inherit: no.

Si es como dices ya entendí...

En todo caso no hacen falta "estilos negativos" sino más tipos de selectores, algo que seleccione a un elemento si tienen un hijo determinado. Pero que yo sepa no existe tal cosa por ahora.

No queda sino seleccionarlo "manualmente" con id's o clases.

[programeitor]

Mediante script puedes acceder al elemento padre, ahora ,lo dificil es anularle los estilos, he estado viendo pero hasta el momento no he logrado nada.

[Rafael]

Iniciado por KnowDemon

En todo caso no hacen falta "estilos negativos" sino más tipos de selectores, (

En realidad la evolución de los selectores es xml a secas, donde cada etiqueta es un selector por si mismo... Prefiero un número limitado de etiquetas como xhtml.