CSS：僞元素

Question

下面的CSS代碼會將在span元素列表結束後，「*」。請參閱代碼下方的文字。我需要將星號放在「選項3」旁或「TEXT SAMPLE：」行後面，而不是在它下面。

.asterisks:after 
{ 
    color: Red; 
    content: " *"; 
} 

TEXT示例：

測試問題

一個。選項1

灣選項2

℃。選擇3

*

我使用我的項目100種元素的「星」級和它的作品很好，但只有當它涉及到列表失敗。

而且，這個名單是從XML文檔並沒有ASPX到來。

有什麼建議嗎？

Answer 1

您必須使用最後一子選擇：

HTML

<ul class="asterisks"> 
    <li>option 1</li> 
    <li>option 2</li> 
    <li>option 3</li> 
</ul> 

CSS

.asterisks li:last-child:after 
{ 
    color: Red; 
    content: " *"; 
} 

http://jsfiddle.net/9m7yh1cd/1/