如何仅定位包含数字和字母的列表中的数字？

Question

这是我的列表项：

<ul class="col2">
   <li>from 0</li>
   <li>from 00</li>
   <li>sold out</li>
   <li>from 00</li>
</ul>

现在我想要的是将所有数字（$200、$1000 和 $1400）格式化为以下格式： Droid Serif，粗体，36px，#1c1819

以及以下文字（from and sold out）： open sans, bold, 22px, #726850

有什么办法可以做到吗？

Answer 1

只有 HTML 和 CSS 你将需要一个额外的元素，在这种情况下我建议使用 <span>:

.col2 li {
  font: bold 22px"open sans";
  color: #726850;
}
.col2 li span {
  font: bold 36px"Droid serif";
  color: #1c1819
}

<ul class="col2">
  <li>from <span>0</span></li>
  <li>from <span>00</span></li>
  <li>sold out</li>
  <li>from <span>00</span></li>
</ul>

Answer 2

您是否有权访问生成此 html 的脚本？最简单的方法是相应地添加 css 类 然后为它们设置样式。