html - 在特定列表项之后添加单个图像

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 8 年前。

这可能是一个有点愚蠢的问题，但让我了解某些 CSS 样式。我想添加针对特定 li 元素的图像。

这将在所有 li 项之后添加图像。

.menuStyling li:after{
 content: url('../img/arrowActive.png');
}

哪种方法最好只定位一个 li 元素？

最佳答案

使用nth-child选择器，像这样:

.menuStyling li:nth-child(2):after{
 content: url('../img/arrowActive.png');
}

其中第二个 <li>会有图像。

查看更多关于 nth-child here

看下面的片段

.menuStyling li:nth-child(2):after {
  content: " this is after child  list item 2";
  color: green
}

<ul class="menuStyling">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
  <li>item 4</li>
</ul>

关于html - 在特定列表项之后添加单个图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26302602/

相关文章：

javascript - 根据点击切换不同的文本