[Css] Problème de sous classe
Résolu
djflexlive
Messages postés
577
Statut
Membre
-
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je souhaiterai appliquer sur certaines balises <li>, un background différent de celui de base. Là j'avoues que je sèches car j'ai beau faire plusieurs essais et le résultat est décevant ...
Je souhaiterai appliquer une balise de ce type <li style="w_fleche">
Le css actuel :
Merci à vous.
--
Google est ton ami !
Je souhaiterai appliquer sur certaines balises <li>, un background différent de celui de base. Là j'avoues que je sèches car j'ai beau faire plusieurs essais et le résultat est décevant ...
Je souhaiterai appliquer une balise de ce type <li style="w_fleche">
Le css actuel :
<style type="text/css">
#demo_css {
font-size: 12px;
color: #000;
}
#demo_css ul {
float: left;
width: 259px;
margin: 0;
padding: 0;
background: #d4d0c8;
}
#demo_css li {
list-style-type : none;
height: 32px;
line-height: 16px;
padding-left: 2px;
background: url(os/small_fleche.gif) no-repeat right;
}
#demo_css li:hover {
color: #FFF;
background: url(os/small_fleche_hover.gif) no-repeat right #0a246a;
}
</style>
Merci à vous.
--
Google est ton ami !
Configuration: Windows XP Firefox 3.0.11
6 réponses
-
kan tu appel un style ca ce passe comme ca :
<li class="w_fleche">
et pas comme ca :
<li style="w_fleche"> -
Oui désolé c'était la fatigue quand j'ai fais le post ...
<li class> ou <li id> mais j'aimerai créer le style dans la feuille css et ca je n'y arrive pas ...
-
salut,
sélecteur générique pour tous les items :ul li{}
pour la classe concernée :ul li.w_fleche{}
pour une classe il faut un point (.), pour un identifiant il faut un dièse (#).
-
Merci.
Donc dans mon cas je dois l'appeller ainsi ? (cf. le style en début de post) :
#demo_css li.w_fleche
Et dans ma page <li class="w_fleche"> ?
Je crois que j'avais déjà essayé ainsi sans résultats. J'attends ta confirmation.
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
c'est bien ça, tu peux ajouter du poids à la règle en ajoutant le container.
#demo_css ul li.w_fleche{}
ça peut ne pas fonctionner pour plusieurs raisons, as-tu une version en ligne, qu'on puisse l'ausculter ?
-
Parfait ça fonctionne ! J'avais du intégrer un mauvais code ou ponctuation dans la feuille avec la fatigue ...
Merci bien et non je n'ai pas de version en ligne actuellement de ce que je code.
Thanks !
