[Css] Problème de sous classe

Résolu
djflexlive Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   -  
Dalida Messages postés 6728 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 :

<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.

6 réponses

babou054 Messages postés 162 Date d'inscription   Statut Membre Dernière intervention   11
 
kan tu appel un style ca ce passe comme ca :
<li class="w_fleche">
et pas comme ca :
<li style="w_fleche">
0
djflexlive Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   95
 
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 ...
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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 (#).
0
djflexlive Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   95
 
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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 ?
0
djflexlive Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   95
 
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 !
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
non je n'ai pas de version en ligne actuellement de ce que je code.
tu as trouvé, c'est l'essentiel !

bonne courage pour la suite !
-;o)
0