Bonjour,
 
ma feuille de style définit les liens en bleu foncé.
 
certaines parties de mon site apparaissent dans des boites, dans lequels vont apparaitre des liens.
 
logiquement, ces liens apparaitront en bleu foncé.
 
comment je dois procéder si je veux que les liens présents dans les boites ne récupèrent pas les caractéristiques définis pour l'ensemble de la page ?
 
je veux que mes liens sur le site soient bleu foncé, mais que dans ma boite, les liens soient en rouge.
 
je me retrouve avec
 
.a:link (color:blue)
 
.boite (color:red)
 
=> seul le texte prend la couleur rouge, mais pas les liens.
comment faire pour que les liens contenu dans la "boite" soient concernés.
 
merci d'avance.
 
(les attributs blue et rouge sont des exemples je veux juste reussir à ce que la boite prenne le dessus)
 
merci    
 
 
 

.liens1 a
.liens1 a:visited  
.liens1 a:hover
 
.liens2 a
.liens2 a:visited  
.liens2 a:hover

Il faut utiliser les principes de l'héritage toussa.
 
Par exemple si un lien est accédé par

 
Un lien situé dans une boite ayant comme id "machin" pourra être accédé via

 
Ici, ce sont plus précisément les "sélecteurs contextuels"
Pour plus d'information, je te conseille le texte de la norme CSS1

edit : je repondais à HERMES j'avais pas lu ta réponse, que je consulte là tout de suite    
 
ok
je peux pas regrouper tout ça dans un seul style ? à savoir celui de ma boite ?
 
ça veut dire qu'il faut que j'attribue un style à ma boite.
puis que j'attribue un style à son contenu c'est bien ça ?
 

ouaip
 

puis

puis

 
Après tu peux aussi t'amuser un peu plus, j0re

etc etc

?

 
 
très bien
 
en fait j'utilise déjà cette hierachie, mais ça m'oblige à definir un style pour chaque chose contenu dans ma boite
ex :
titre
sous titre
rubrique
sous rubrique
 
fo donc que je fasse pareil avec les liens
 
ok merci    
ps : tu as encore devancé ma réponse juste au dessus    

Bon c'est bon j'ai enfin compris.
 
enfin c paradoxal puisque j'ai compris... mais ça fonctionne pas.
 
je vais chercher.... je suis kan même sur d'avoir compris.

Bon c bon j'ai tout pigé
 
mon problème ce que je definit mes styles uniquement par des tableaux et des class que j'attribue aux cellules.
 
du coup je n'utilise JAMAIS les ID, donc ça risquait pas de marcher, même en faisant jouer ce que vous appelez les héritages.
 
(j espere avoir été clair)
 
koik'il en soit, maintennant que j'ai pigé ça, je vais redefnir totalement ma feuille de style, avec uen vrai hierarchisation.
 
j'espere avoir finit ce soir si c le cas c super
 
merci encore.

Je te conseillerais de refaire toute ta page en dégageant ta mise en page à coup de tables

Oui, c'est quoi les tableaux là

j'ai pas compris tu veux que je vire toutes les tables c ça ?

je crains de ne pas maitriser ma mise en page sans les tables.. ça me fait un peu flipper  

Ah Les tableaux ne sont pas fait pour faire de la mise en page

je m'embrouille là..
 
bon je suis en train de hierarchiser mes balises :
 
imaginons un tableau A
dans ce tableau
-> des titres  
-> des rubrique
-> du texte (body)
-> des liens
 
Donc dans ma feuille de style
.tableau A
.tableau A titre
.tableau A rubrique
.tableau A body
.tableau A a, a:hover
 
maintenant ce que j'aimerais savoir
 
le tableau A dans ma page,  
1) j'ai pas forcément besoin de le dessiner ?
2) faut que je lui attribue une class=tableau A ou un ID=tableau A ?
 
Merci pour cette précieuse aide.
 

id = un élément unique de la page auquel on donne un nom unique pour appliquer un style unique
class = plusieurs éléments partagent les mêmes styles

ok, mais ce que je ne comprend pas
 
si je note
<div id=chameau>
ca va faire appel à quoi ?
à .chameau sur ma feuille de style ?
 
ou bien il faut que je note
<div id=chameau class=chameau >
pour que ça fasse appel à la class .chameau
 
ensuite si j'ai définit
.chameau a:hover(blabla) dans ma CSS
 
alors tous les liens en a:hover seront en (blabla) si ils sont entre les balises <div class=chameau> </div>.
 
C bien ça ?
 
(j'éspère que je suis clair au moins)
 

id="chameau" -> #chameau dans le CSS
class="chameau" -> .chameau

Pfouyayaya...
 
Bon, tout d'abord va visiter les pages que tu trouveras ici, et tout spécialement

• OpenWeb (ici pour les débutants)
• AlsaCréations
• CSS Débutant

Ensuite, pour répondre plus précisément:
 
oui
 
C'est juste un mauvais moment à passer avant d'atteindre le Nirvana
 
on pourrait enlever le tableau
 

   
 
".tableau A" > aucun sens
.A, #A, .tableauA, #tableauA, mais ".tableau A" ne veut strictement rien dire.
Ensuite
.tableauA a, a:hover
-> les "a" (ancres) contenues dans les "tableauA" et les ancres "hover"... toutes, pas uniquement les descendants de tableauA.
.tableauA a, .tableauA a:hover
 

Pas compris

Un "id" sert à désigner un élément précis et unique dans une page, c'est l'équivalent de ton numéro de sécurité sociale par exemple. On ne peut trouver un "id" donné qu'une seule et unique fois dans une page.
Une classe sert à désigner un groupe d'éléments, identiques (plein de spans) ou différents (des "ul", des "div" et des "span" peuvent avoir la même classe)
 
Si ton élément est le seul à qui tu veux donner préciséments ces propriétés (ou sous propriétés), id.
Sinon (s'il y a d'autres éléments qui doivent avoir les mêmes propriétés), id.
 
Un élément ne peut avoir qu'un seul et unique id
Un élément peut faire partie de (avoir) plusieurs classes (par exemple <span class="bou li foo bar"> fera parti simultanément des classes "bou", "li", "foo" et "bar" )
Un id ou une classe s'écrit entre doubles quotes > "" <
class="bla"
id="blabla"
Un nom d'id ou de classe ne doit pas contenir d'espace, on peut donner plusieurs noms de classes à un élément en les séparant par des espaces.
 
id="foo" sera appelé par "#foo" dans une feuille de style
class="bar" par ".bar"
 
Donc .chameau désigne tous les éléments de la classe chameau
Pour l'élément d'id chameau on utilise "#chameau".
 
et ici il faudrait noter <div id="chameau">
 

oui, on parle des balises "a" descendant des éléments de classe chameau (les enfants)

Merci mille fois    
 
tout est beaucoup plus clair à présent    
 
les petites confusions qui persistaient ne le sont plus.
 
là je recompose toute ma feuille de style et si ça me prend du temps finalement j'en gagne enormement.
 
par contre, pour ce qui est des tableaux, même si je vais en enlever un maximum, je vois toujours pas comment m'en separer.
 
dans certains cas ce que je vais dire est très con mais je peux même pas conceptualiser une autre solution que le tableau alors je vois pas comment je pourrais y parvenir avec du code.
 
un exemple, j'ai un contenu qui apparait dans un rectangle arrondi, prealablement dessiné et découpé sous photoshop.
comment eviter les tableaux sachant que ce la taille du rectangle varie selon son contenu ?  
j'y arriverais forcément un jour mais là, je l'avoue, je vois pas      
 
merci encore