css - 如何更改 li 样式以使用字符？

Question

我正在编写一个包含很多内容的教程，如下所示：

$ 在 Bash 提示符下
输入内容 > 在 IRB 提示符下输入内容

在其他教程中，我几乎总是看到$和提示是内联编写的，但用 CSS>设置我的 s 样式似乎更合适。li

我找到了两种方法来做到这一点：

ul li:before {
  content: "\003E \0020";
}

ul li {
  list-style-type: none;
  margin-left: -15px;
}

和：

ul {
  list-style-image: url(irb.gif);
}

对我来说都不好。第一个实际上并没有改变li样式：它只是隐藏它并预先添加一个字符。第二个在角色应该做的伎俩时使用图像。

还有其他更好的方法吗？如果不是，这两个中哪一个更可取？

谢谢！

Answer 1

我会少用，做：

    li { you:style;
         another:style;


      &:before {  content: "\003E \0020"; }

  }