Passez la souris et les états actifs en moins

Pouvez-vous ajouter un état actif sur la même ligne que un état de pointage dans [moins] ou faut-il avoir pour être imbriquées à la ligne des lignes distinctes?

exemple:

norme moins

nav {
    color:@black;
    display:block;
    &:hover {color:@primary-color;}
    &:active {color:@primary-color;}    
}

en quelque sorte, pour ce faire

nav {
    color:@black;
    display:block;
    &:hover, &:active {color:@primary-color;}    
}

J'ai essayé: [&:hover, &:actif;] j'ai essayé: [&:hover; &:actif;] mais ça ne semble pas fonctionner.

OriginalL'auteur Tyrone | 2013-05-17

  1. 14

    En réalité, oui vous le pouvez, et la deuxième variante que vous avez fourni est correct aussi longtemps que vous définissez la @primary-color variable:

    @primary-color: #f00;
@black: #000;

nav {
  color: @black;
  display:block;
  &:hover, &:active {color:@primary-color;}    
}

    produira:

    nav {
  color: #000000;
  display: block;
}
nav:hover,
nav:active {
  color: #ff0000;
}
    oui je l'ai fait dans mon mixin.moins fichier. grâce Juteux. Il est tard et je suis en train de faire des erreurs avec mon code.

    OriginalL'auteur Juicy Scripter

  2. 1

    Il est tard et ma bêtise me dit d'aller au lit.

    Juteux Scripter obtenir la victoire, je reçois le perdre pour le retour de codage des erreurs.

    Mais oui, 

    nav {
  color: @black;
  display:block;
  &:hover, &:active {color:@primary-color;}    
}

    Est la réponse.

    a obtenu son acceptation tique vérifié comme un signe de votre appréciation, et il a eu mon +1. Donc je ne pense pas qu'il existe un réel besoin de reposter la réponse. Mais heureux que vous avez réussi à le faire fonctionner. Bonne nuit ^_^

    OriginalL'auteur Tyrone