28172 sujets

CSS et mise en forme, CSS3

3 pre différents [ RESOLU ]

Bonjour,
Voila je vous expose mon petit problème.
J'ai 2 class que j'utilise sur la balise pre:

.premier-style{
  ...
}


.deuxieme-style{
 ...
}


Elles marchent bien toutes les deux mais je voudrais rajouter une class pour la balise pre quand elle utilisée seule.

pre{
  ...
}


Le problème est que quand je défini mes propriétés pour le pre seul alors toutes mes balises pre deviennent un mélange des 3.
Comment puis-je arriver à avoir:

un style pour la balise pre seule
et garder le style de me deux class déjà faite.
Modifié par nels69 (14 Jan 2013 - 19:08)
Bonjour,

en css il n’existe pas de sélecteurs pour viser les éléments qui n’ont pas un nom de classe donné.
Tu peux soit rajouter en html une classe commune à tous tes pre n’ayant ni les classes premier style ni deuxième style
soit dans ton fichier css compléter pour les deux premiers style la css par défaut. Exemple :
.premier-style {
	color:red
}

.deuxieme-style {
	font-size:large
}

.premiere-style, .deuxieme-style {
	font-weight:normal
}

pre {
	font-weight:bold
}
ok, merci, j'avais fait ton deuxième exemple mais je croyais que c'était possible de viser mon pre seul.

Merci.
Salut,

1. Tu définis tes styles pour ta balise pre. Ces styles seront appliqués à toutes les balises pre, avec ou sans classe.
2. Tu définis les styles de tes classes. Si une propriété doit avoir une valeur différente de ton style de base, tu la redéfinis...
pre {
  /* noir, gras et italique */
  color: black;
  font-weight: bold;
  font-style: italic;
}
.premier-style {
  /* rouge et italique */
  color: red;
  font-weight: normal;
}
.deuxieme-style {
  /* bleu et gras */
  color: blue;
  font-style: normal;
}

tm
Sujet clos
Aller à