[Résolu]Le premier li visible

(reprise du message précédent)

sepecat a écrit :

Avec ton HR inséré dans le LI, c'est un jeu d'enfant.

Intéressant...

sepecat a écrit :
En fait, la question ne porte pas sur la cohérence Ul / LI mais sur LI / HR...

@sepecat : J'avais mal compris moi aussi alors : s'il s'agit de hr dans un li alors aucune restriction en effet.

@Yordi : je me permets de mettre en clair ta solution sur le forum car elle est très élégante et cela laissera une trace directement sur ce topic :

ul {
  width: 15rem;
  list-style-type: none;
}

.invisible {
  display: none;
}

li:not(.invisible) ~ li {
  border-top: Cyan 1px solid;
}

Bravo encore.

Olivier C a écrit :
@sepecat : J'avais mal compris moi aussi alors : s'il s'agit de hr dans un li alors aucune restriction en effet.

Y a pas de mal Olivier...
La confusion est venue de mon erreur initiale, lorsque j'ai tapé le code HTML depuis mon portable. Les écrans de faible dimension me gènent, pour tout dire, et j'ai un peu perdu la vue d'ensemble, glissant les balises HR en sous élément de UL alors qu'elles auraient dû figurer, bien entendu, en sous élément des LI.
Ce n'est pas la première fois que ce genre de mésaventure m'arrive... et il y a de fortes chances pour que je récidive, étant donné que ma vue ne va pas s'améliorer, dixit "l'oeilleuliste".
Mea culpa donc .