Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/06/2009, 10:38
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Desactivar cambios de estylo de una "class"

A ver, por partes.
#menu li.final singinica que sólo se aplicaran las propiedades a un li que esté dentro de #menu y que tenga declarada la clase .final
En el siguiente ejemplo, sólo se aplican al segundo <li>
Código html:
Ver original
  1. <div id="menu">
  2. <ul>
  3. <li> este no las toma, porque su clase no es ".final"</li>
  4. <li class="final"> A este elemento aplicas las propiedades</li>
  5. </ul>
  6. </div>
Por lo tanto, sólo ese último elemento tomará las propiedades declaradas en "#menu li.final:hover" cuando pongas el ratón encima.

Pero antes de intentar aclararte todo, pues mezclas varios conceptos (selectores y distintas formas de aplicarlos, pseudoelementos...) me vas a permitirme la osadía de recomendarte www.librosweb.es Ahí encontrarás 2 pdfs sobre CSS. Uno es una introducción y otro es "avanzado". Lógicamente, comienza por la introducción

Sobre tu última cuestión.
Si tenemos un elemento (un enlacepor ejemplo) con las siguientes propiedades:

Código css:
Ver original
  1. a {
  2. background-color: #cdcdcd;
  3.  font-size: 1em;
  4. text-decoratión: none;
  5. color: #444;
  6. }
La única manera de que esas propiedades se anulen o cambien al poner el puntero encima es declararlas exprésamente para a:hover. Y no hay forma de decirle globlálmente que "none" a todo

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 15/06/2009 a las 10:48