wie eine li mit dem vor Selektor CSS hinzufügen

Question

Ich versuche, ein li vor dem li in einer Liste hinzuzufügen, dies zu tun:

ul.ssmenu:first-child::before{ 
    li{ 
     position: relative; 
     height: 10px; 
    } 
} 

Dies scheint nicht die richtige Lösung zu sein.

Answer 1

Sie können ein Element nicht nur mit CSS hinzufügen, die ::before ist jedoch ein Element, ein Pseudo-Element, und Sie könnten so ... tun, und wenn Sie mehr brauchen li, müssen Sie verwenden, um ein Skript

ul li, 
 
ul::before, 
 
ul::after { 
 
    position: relative; 
 
    height: 20px; 
 
} 
 
ul::before { 
 
    content: 'This li were added with CSS pseudo ::before'; 
 
    display: list-item; 
 
} 
 
ul::after { 
 
    content: 'This li were added with CSS pseudo ::after'; 
 
    display: list-item; 
 
}

<ul> 
 
    <li>This "li" exist in markup</li> 
 
</ul>

Answer 2

Versuchen Sie, diese

ul.ssmenu{ 
    li:first-child::before{ 
     position: relative; 
     height: 10px; 
    } 
}