sass en css: cible de la classe parent de l'enfant

J'utilise sass et a trouvé le problème. Ceci est un exemple de ce que je suis en train de faire:

.message-error {
    background-color: red;

    p& {
        background-color: yellow
     }
  }

Devrait css:

.message-error {
    background-color: red;
}
p.message-error {
    background-color: yellow ;
}

L'idée: tous les éléments avec .message d'erreur s'affichera en rouge, sauf si elle est p.message d'erreur. Ce n'est pas la situation réelle de la vie, juste pour montrer un exemple.

SASS n'est pas en mesure de compiler, j'ai même essayé de concaténation de chaîne. Est-il un plugin qui permettra de faire exactement la même chose?

NOTE:
Je sais que je peux mettre un autre css définition comme

p.message-error{....}

sous, mais je tiens à éviter et à utiliser un seul endroit pour tous .message d'erreur définitions.

Grâce.

  • Comme vous l'avez dit: ce n'est pas une situation de vie réelle. Si vous êtes à l'aide de CSS ou Sass, c'est mieux de faire ce que vous savez faire. Il n'y a pas de raison de faire ce qu'on vous propose. Dans l'affirmative, veuillez préciser.
  • Il n'échappe pas à de véritables trop de vie: ce que je voulais, c'est avoir une présentation différente si le message d'erreur est soit <p> ou <ul>. Exemple: pour <p> élément, la boîte aurait un peu de fond-url de l'image à gauche (vérifier la Constellation du modèle d'administrateur). Mais si c'est <ul>, pas de sprites.
  • Ne sais pas à propos de sass. Mais en normal CSS si tu veux "tous les éléments avec .message d'erreur s'affichera en rouge s'attendre si elle est p.message d'erreur" à partir de laquelle je suppose que le p.message d'erreur n'a pas besoin d'être de couleur jaune pour l'autre, que nous pourrions utiliser la négation pseudo-sélecteur de classe ".message d'erreur:not(p.message d'erreur)" - Pas sûr à ce sujet.
  • Avez-vous une solution pour cela ?
InformationsquelleAutor Zeljko | 2012-02-15