li :: before擬似要素が適用されていない

Question

私はCSSクラスも適用しており、li :: before擬似クラスは適用されていない単純なULリストを持っています。私が間違っているのは何

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; 
} 

？

Answer 1

あなたはおそらく特殊な文字を探している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>