[Css] Problème de sous classe [Résolu/Fermé]

Signaler
Messages postés
557
Date d'inscription
mercredi 26 mars 2008
Statut
Membre
Dernière intervention
23 avril 2015
-
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
-
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

Messages postés
162
Date d'inscription
lundi 11 mai 2009
Statut
Membre
Dernière intervention
1 septembre 2009
11
kan tu appel un style ca ce passe comme ca :
<li class="w_fleche">
et pas comme ca :
<li style="w_fleche">
Messages postés
557
Date d'inscription
mercredi 26 mars 2008
Statut
Membre
Dernière intervention
23 avril 2015
66
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 ...
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
896
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 (#).
Messages postés
557
Date d'inscription
mercredi 26 mars 2008
Statut
Membre
Dernière intervention
23 avril 2015
66
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.
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
896
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 ?
Messages postés
557
Date d'inscription
mercredi 26 mars 2008
Statut
Membre
Dernière intervention
23 avril 2015
66
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 !
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
896
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)