Bonjour, malgré mes recherches je n'arrive pas à résoudre mon problème.

Lorsque les bordures de 2 blocks sont affichées avec {border: solid 1px #FFFFFF] et sans padding. Les 2 bordures s'additionne pour former une bordure de 2px; comme ceci:

HTML:

<ul>
   <li>blabla</li>
   <li>blablabla</li>
<ul>

 CSS:

ul li{
  border: solid 1 px black
}

Cela donne une "double" bordure:

Mais sans utiliser de class, juste avec une propriété.

Merci de votre aide

Bonjour LePotitBlagueur

Tu peux faire un truc comme cela

ul,li{
 padding:0; margin:0;
 list-style : none
}
ul li{
  border: solid 1px black;
  border-top: none;
}
ul li:first-child{
 border-top: solid 1px black; 
}

https://codepen.io/Zonecss/pen/GdMBdP

-
Edité par AliasDmc 17 novembre 2019 à 16:13:21

Bonsoir AliasDmc,

le sélecteur first-child est exactement ce que je cherchais !! Merci beaucoup, je t'en suis reconnaissant .

Bonne continuation.

Bonjour LePotitBlagueur,

Tu peux aussi le faire en sens inverse en utilisant :last-child{}