Question

下面的CSS代码将列表后面的“*”放在span元素中。请参阅代码下方的文字。我需要将星号放在“选项3”旁边或“TEXT SAMPLE：”行之后，而不是在它下面。

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

TEXT SAMPLE：

一个。备选方案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: " *";
}