css 伪元素::after

css ::after用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

由于伪元素本身是行内元素，所以要变成块级元素的需要使用 display: block

以下是画一个三角形的图案的样式。

content是一定需要的，content 可以是：

值得注意的是:

:after 和 ::after的关系

如果您想在jQuery中的第五个元素后添加一个新元素，可以使用以下代码：

```javascript

// 假设您要在id为myList的列表中添加一个新项

$('#myList li:eq(4)').after('<li>New Item</li>')

```

这将选择id为“myList”的列表中的第五个（索引从0开始）`<li>` 元素，并在其之后插入一个新的 `<li>` 元素。

请注意，`:eq()` 选择器用于选择具有特定索引位置的元素。因此，在上面的示例中，`:eq(4)` 将选取第五个元素。另外，`.after()` 方法用于在指定元素之后插入内容。

希望这可以帮助您解决问题！

---