li :: bevor das Pseudo-Element nicht angewendet wird

Question

Ich habe eine einfache UL-Liste, die ich auch eine CSS-Klasse anwenden und die Li :: vor Pseudoklasse wird nicht angewendet.

HTML

<ul class="my-ul"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
</ul> 

CSS

.my-ul { 
    font-size: 12pt; 
    list-style: none; 
} 

.my-ul li { 
    margin: 0 0 5px 0; 
} 

.my-ul li::before { 
    content: disc; 
    color: #501521; 
} 

Was mache ich falsch?

Answer 1

Sie für die spezielle Zeichen suchen wahrscheinlich u+2022

.my-ul { 
 
    font-size: 12pt; 
 
    list-style: none; 
 
} 
 

 
.my-ul li { 
 
    margin: 0 0 5px 0; 
 
} 
 

 
.my-ul li::before { 
 
    content: "\2022"; 
 
    color: red; 
 
}

<ul class="my-ul"> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
</ul>