multiheritage style CSS

**Clorish** · 04/06/2007, 14h26

Hello

J'ai une question bete ... mais je ne sasi pas si c'est possible.
J'aimerais que un de mes style CSS herite de plusieurs ...

Par exemple : Je definie un style pour le texte, un style pour les lien et un style special qui serait la fusion du style des liens (pour la decoration) et du texte (pour la police/taille, etc ...)

Le but serait d'eviter d'avori a changer a chaques fois des parametres communs a plusieurs styles ....

**E.Bzz** · 04/06/2007, 14h42

Bonjour,
sans que ce soit éxactement ce que tu demandes, tu peux le faire en cumulant les classes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.gras {font-weight:bold;}
.bleu {color:blue;}
....
<span class="gras bleu">Gros schtroumph</span>

A+

**Clorish** · 04/06/2007, 15h08

ha. voila deja quelque chose de sympas.

a defaut .....

D'ailleur que se passe t il si une balise <a> est defini un style (couleur) et que j'utilise en plus une class qui defini aussi une couleur. Ou alors si en combinant 2 style qui definissent une meme proprietee ...
C'est la derniere qui est appliqué je suppose ....

**E.Bzz** · 04/06/2007, 15h23

Ah, là pour les règles de priorités ...

Je peux juste te dire que l'intra-ligne (dans le tag HTML) prend toujours le dessus.
Par contre, la même propriété dans 2 class associées, suivant les nav ... ?

2 moyens de savoir :
1) tester
2) attendre CandyGirl

A+

**Clorish** · 04/06/2007, 15h26

lol oki

Bha le plus simple ... c'est de se debrouiller pour ne pas en arriver la

**E.Bzz** · 04/06/2007, 15h36

Envoyé par Clorish

Bha le plus simple ... c'est de se debrouiller pour ne pas en arriver la

+1

Perso je n'utilise que très (très) peu cette méthode.
De toutes façons, pour ne pas en arriver à des contradictions ou des résultats aléatoires, il vaut mieux, à mon avis, d'une part limiter le nb de class associées à 2 ou 3, et d'autres part associer à chacune un périmètre spécifique très précis (pas comme dans mon ex., donc).
Par exemple, class1 pour la police (taille, déco, couleur etc.), et class2 pour le style du container (bordure, fond etc.).

A+

**Clorish** · 04/06/2007, 15h53

ok merci pour ces infos.
parce que pour le moment je gere mes sites avec une classe par "theme" (url, titre1, Titre2, text, bouton, etc ....)

du coup j'ai pas mal de redondances notement au sujet des polices de caracteres. et le jour ou on change, il faut tout modifier .... bien que ca ne soit pas non plus tres dificile.

si au moins on pouvais definir des "constantes"

sinon question qui a rien a voir (ou si peux) question police justement ... ya moyen d'installer automatiquement une police qui nous plait bien mais non standard ?
ou une facon de tester la presence d'une police et opter pour une par defaut si celle souhaité n'existe pas ?

**E.Bzz** · 04/06/2007, 15h59

Envoyé par Clorish

ou une facon de tester la presence d'une police et opter pour une par defaut si celle souhaité n'existe pas ?

L'ordre dans lequel elle sont spécifiées via font-family

Sinon, l'attribut src te permets de proposer une police "non-standard" ...

A+

**Clorish** · 04/06/2007, 16h07

oki merci

interessant

**Candygirl** · 04/06/2007, 16h23

Envoyé par E.Bzz

2 moyens de savoir :
1) tester
2) attendre CandyGirl

Arf mais lol !!

Attention à ne pas surestimer mes connaissances

Il aurait été plus juste de mettre:

1) tester
2) attendre que Candygirl teste pour toi

mais je prends cette remarque pour un compliment; merci

A part ça c'est effectivement la dernière appliquée qui prend le dessus en cas de spécificité égale pour les sélecteurs. Un petit exemple parlant:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
div.bleu {color:#00F;}
 
.bleu {color:#00F;}
.rouge {color:#F00;}
 
blockquote.bleu {color:#00F !important;}
blockquote.rouge {color:#F00;}
</style>
</head>
 
<body>
  <div class="bleu rouge">le texte est bleu à cause d'une spécificité plus importante</div>
	<p class="bleu rouge">A spécificité égale le texte est de la couleur de la dernière classe</p>
	<blockquote class="bleu rouge">là c'est le !important qui fait que le texte est bleu</blockquote>
</body>
</html>

Pour la théorie la 2.1 en anglais:
http://www.w3.org/TR/CSS21/cascade.html#cascade

**Clorish** · 04/06/2007, 16h26

ok .. je vais potasser

Merci

Mon experiance en programation me permet d'avoir une certaine logique informatique ... du coup j'imagine comment les choses peuvent etre codees ... mais bon .... rien n'en est moins sur