如何更改li样式以使用角色？

Question

我正在编写一个包含大量内容的教程：

  

$在Bash提示符下键入内容   ＆GT;在IRB提示符下键入内容

在其他教程中，我几乎总是看到内联编写的$和>提示，但使用CSS设置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

我会使用less并执行：

    li { you:style;
         another:style;


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

  }