Suivez les fils RSS
 
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» 3 pre différents [ RESOLU ]
Auteur
nels69
#
Citer
5 Posts
 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)
^
adrien881
#
Citer
225 Posts
 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
}
^
nels69
#
Citer
5 Posts
 ok, merci, j'avais fait ton deuxième exemple mais je croyais que c'était possible de viser mon pre seul.

Merci.
^
tm™
#
Citer
313 Posts
 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
Un Français, un Belge et un Italien entrent dans un bar. -"C'est pour une blague ?", leur demande le garçon...
http://thierrymichel.net 
^
Prévenir un modérateur
Répondre au sujet
Aller à