li ::在伪元素未应用之前

我有一个简单的UL列表，我也在应用CSS类，并且li :: before伪类没有被应用。li ::在伪元素未应用之前

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

我做错了吗？

来源

2017-09-22 Michael Kniskern

什么是'disc'？把它改成''x'是可行的，所以问题出在'disc'，而不是':: before'上：https://plnkr.co/edit/QHxhrtPan8xkyceYxY6y?p=preview – hlfrmn

你可能想'.my-ul li {list-style-type：disc}'（？） – myf

@myf li元素显示出来，但颜色没有应用到li元素 –

你可能寻找的特殊字符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>

来源

2017-09-22 17:56:48 dippas

谢谢 - 现在我想调整大小并增加正确的填充李元素 –

li ::在伪元素未应用之前

回答

相关问题