html - 如何通过在 css 中使用前后选择器在菜单选项卡上生成绿色复选标记？

Question

我有一个垂直对齐的菜单选项卡列表。它的图示是:

我的任务是按照以下方式在每个菜单选项卡旁边制作一个绿色复选标记(如下图所示):

我正在尝试使用以下 CSS 代码来实现它，但不幸的是，复选标记显示在标题(个人信息或吸烟状况或就业信息或直接存款)之前，如下所示:

.

我用于所有菜单选项卡的 CSS 代码是:

  div.default.tabs ul.child:first-child li.child.active::after 
  {   
  display: block;
  position: absolute;
  left: 20px;
  top: 10.5px;
  content: "✔";
  font-size:xx-large;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  color:#9CD106;
  font-weight: normal;
  }

Answer 1

将 left:20px; 更改为 right:20px; 如果你只是想在右侧对齐检查