Affecter une propriété aux éléments d'une liste mais pas aux sousliste

Affecter une propriété aux éléments d'une liste mais pas aux sousliste - HTML/CSS - Programmation

Marsh Posté le 10-04-2014 à 15:27:50    

J'ai une page qui contient des listes à puces imbriquées. Je voudrais que les li du premier ul soit en gras mais pas les autres:
 

Code :
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Plan du nouveau site</title>
  6. <style>
  7. #bidon>ul>li {
  8. font-weight:bold;
  9. }
  10. </style>
  11. </head>
  13. <body>
  14.    <h1>Titre 1</h1>
  15.    <div id="bidon">
  16. <ul><li><a href="page_preview.php?numpage=270&amp;langue=fr" target="_blank">Lien1</a></li>
  17. <li><a href="page_preview.php?numpage=248&amp;langue=fr" target="_blank">Lien2</a></li>
  18. <li><a href="page_preview.php?numpage=334&amp;langue=fr" target="_blank">Lien3</a></li>
  19. <li><a href="page_preview.php?numpage=344&amp;langue=fr" target="_blank">Lien4</a></li>
  20. <li><a href="page_preview.php?numpage=118&amp;langue=fr" target="_blank">Lien5</a><ul><li><a href="page_preview.php?numpage=131&amp;langue=fr" target="_blank">Lien5.1</a><ul><li><a href="page_preview.php?numpage=196&amp;langue=fr" target="_blank">Lien5.2</a></li>
  21. <li><a href="page_preview.php?numpage=197&amp;langue=fr" target="_blank">Lien5.3</a></li>
  22. <li><a href="page_preview.php?numpage=199&amp;langue=fr" target="_blank">Lien5.4</a><ul><li><a href="page_preview.php?numpage=204&amp;langue=fr" target="_blank">Lien5.4.1</a></li>
  23. <li><a href="page_preview.php?numpage=202&amp;langue=fr" target="_blank">Lien5.4.2</a></li></ul></li></ul></li></ul></li></ul></div>
  25. </body>
  26. </html>


 
Sauf que ça marche pas, tout est en gras...
 
Une idée ?


Message édité par zezette le 10-04-2014 à 15:29:37

---------------
"Par moment j'me d'mande si chui pas con" G. de Suresnes
Reply

Marsh Posté le 10-04-2014 à 15:27:50   

Reply

Marsh Posté le 11-04-2014 à 10:17:14    

Code :
  1. a{
  2.  color: black;
  3.  font-weight: normal;
  4. }
  5.  #bidon > ul > li > a {
  6.     font-weight:bold;
  7. color: blueviolet;
  8.     }
 

Ca marche, tu avais oublié de mettre la balise "a" et il me semble qu'il faut mettre des espaces entre les ">"


Message édité par Pablo Escrobarbe le 11-04-2014 à 10:19:15
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed