Bonjour,
 
Est-ce qu'il est possible, dans le fichier css, d'avoir des éléments qui héritent d'un autre élément.
Je ne parle pas d'héritage dans le code html qui signifie que les styles css d'un TD prennent les styles du TABLE au-dessus.
 
Mais j'aimerais bien avoir un héritage dans la feuille CSS que j'imagine de la sorte :
On définit un élément dans le fichier css, par exemple .title {color:red; font-size:15px}
Puis, un autre élément .subtitle ([code indiquant qu'il hérite de title]) {font-size:11px}
 
Cela ferait que subtitle hériterait de la couleur red, sans avoir à le redéclarer dans la feuille css.
Et que si on change la couleur red de title ça se répercuterait automatiquement sur subtitle.
 
Est-ce qu'une telle chose est possible avec css?

tu peux faire ça si tu veux :  
 
 
/*tu défini title et subtitle en rouge et 15px*/
.title, subtitle {color:red; font-size:15px}
/*tu redefini subtitle en 11px et il reste en rouge*/
 .subtitle {font-size:11px}

Excellent! Merci )
 
Je ne savais pas qu'on pouvait définir deux fois et que ça surchargeait les anciens styles.
 
Et dans le même ordre d'idée... Je voudrais que tous les styles de ma feuille aient font-size:11px.
Mais si je suis ton idée ça va faire une définition énorme : .title, subtitle, A, text, header, list-column, ... etc etc etc etc {font-size:11px} et à chaque fois que j'ajoute un nouveau style il va falloir que je l'ajoute dedans.
 
J'ai essayé de mettre font-size:11px dans BODY {font-size:11px} mais ça n'a pas marché. A chaque fois que je met une nouvelle balise il oublie ce 11px
 
Est-ce qu'il n'y a pas un code en css qui signifie "Toutes les balises". A ce moment je lui donnerai ce font-size, la police et la couleur de base de toutes mes balises.

(dans mon message du dessus je voulais dire :
 
Excellent! Merci
 
(je me suis trompé de smiley)

euh ...  
 
ca ? :

"*"
C'est le sélecteur universel, mais ça va vraiment toucher toutes les balises, sans aucune exception

Merci pour tous ces conseils
 
Mon fichier css va être plus propre désormais.
 
@+

Tu as aussi la valeur "inherit" que tu peux appliquer a n'importre quelle propriete et l'element prendra la valeur de son parent pour cette propriete
exemple :
* { color: blue; }
div { color: red; }
div > div { color: inherit; }

 
erf je l'avait oublié celui là merki mon lapin
 
donc maintenant aminebousta tu as ce que tu voulais :
 
/*tu défini title en rouge et 15px*/  
.title, subtitle {color:red; font-size:15px}  
/*defini subtitle en 11px et il reste en rouge*/  
 .subtitle {color:inherit; font-size:11px}

Si subtitle est un enfant de title evidemment.

vi evidemment donc ma premiere solution etait la bonne

Oui, on part sur l'idée que subtitle est enfant de title.
Je veux lui faire hériter de toutes les propriétés sauf font-size.
 
Par contre afbilou je n'ai pas compris ton code "div > div".
Que veut-il dire?
Dans l'illustration de gatsusat, il n'utilise pas ce signe ">".
De plus gatsusat définit l'enfant chez le parent alors que toi on dirait plutôt que tu fais référence au parent depuis l'enfant (ce qui m'intéresserait plus d'ailleurs).
 
Ce que tu appelles "parent", est-ce que c'est la balise "parente" au sein même du fichier html?
Ou est-ce que c'est un parent dans la hiérarchie de définition des styles css dans le fichier css?
(je ne sais pas si cette notion existe en css et c'était ma question de départ)
 
La balise contenant le class "subtitle" n'est pas imbriquée dans la balise contenant le class "title". Est-ce que ça peut marcher?
 
Merci d'avance

> est un selecteur. Il designe un fils direct.
+ designe un frere.
 
<span1></span1><div><span2><span3></span3></span2></div>
 
div span {...} : designe span 2 et 3
div > span {...} : designe span 2
div > span + span : designe span 3
Bref documente toi sur les selecteur CSS http://www.yoyodesign.org/doc/w3c/css2/selector.html

Ah oui evidemment IE a parfois des lacunes pour les selecteurs ... mais bon tant pis pour lui !

Merci pour le lien, c'est dans mes favoris
 
C'est dommage pour IE car je fais justement un programme pour quelqu'un qui utilise IE.  
Donc je ne pourrai pas utiliser ce sélecteur. Tant pis pour moi!