将 CSS 选择器与 ::after 选择器结合使用 [重复]

Question

我正在使用用户可以更改文本颜色的程序。我想根据文本的颜色更改我的（自定义）列表样式的颜色。我目前得到以下代码，但它不起作用。我不明白为什么。我希望有人可以提供帮助。

li {
  list-style-type: none;
}

li::after {
  content '>';
}

li font[color="#dc1478"]~ ::after {
  color: #dc1478;
}

<ul>
  <li>
    <font color="#005392">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</font>
    <font color="#dc1478"> blablasls</font>
    ::after
  </li>
</ul>

什么时候选择器彼此分开使用，它们起作用，但组合起来却不起作用。

font[color="#dc1478"] 和 ::after

Answer 1

你的问题：

li::after {
 content '>';
}

==>

li::after {
 content: '>';
 color: #dc1478;
}