2011-12-13 9 views
29

en menos puedo aplicar dos reglas como esta afectando estilo del texto de enlaces para ocultar subrayan menos oscilado:¿Puedo aplicar un pseudo selector de hover con el marcado LESS css?

.read-more 
{ 
    a 
    { 
     text-decoration:none; 
    } 
    a:hover 
    { 
     text-decoration:hover; 
    } 
} 

Pero me siento como que también debería ser capaz de definir dos reglas así:

.reverseHover 
{ 
    text-decoration:none; 
} 

.reverseHover:hover 
{ 
    text-decoration:hover; 
} 

y luego usar un mixin para conseguir ambas reglas:

.read-more{ 
    a 
    { 
     .reverseHover; 
    } 
} 

sin tener que hacer algo como esto explícitamente:

.read-more{ 
    a{ 
     .reverseHover; 
    } 
    a.reverseHover:hover 
    { 
     .reverseHover; 
    } 
} 

¿Es esto posible?

Respuesta

65

Puede hacer referencia al selector principal utilizando &. Incluso puede usar un selector principal en un mixin. La documentación se encuentra en lesscss.org. A continuación está la solución.

.reverseHover { 
    text-decoration:none; 
    &:hover { text-decoration:underline; } 
} 
.read-more 
{ 
    a 
    { 
     .reverseHover 
    } 
} 
+1

No conozco ninguno "oculto". Pero si desea una referencia, vaya a http://lesscss.org/ y use el menú desplegable del idioma para obtener más documentación. –