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

时间:2015-06-25 11:19:02

标签: html css html5 css-selectors xhtml

这是我的清单项目:

<ul class="col2">
   <li>from $400</li>
   <li>from $1000</li>
   <li>sold out</li>
   <li>from $1400</li>
</ul>

现在我想要的是我想将所有数字($ 200,$ 1000和$ 1400)格式化为以下内容: Droid Serif,粗体,36px,#1c1819

和以下单词(来自和售罄): 开放sans,粗体,22px,#726850

我有办法吗?

2 个答案:

答案 0 :(得分: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>$400</span></li>
  <li>from <span>$1000</span></li>
  <li>sold out</li>
  <li>from <span>$1400</span></li>
</ul>

答案 1 :(得分:0)

您是否可以访问生成此HTML的脚本?最简单的方法是相应地添加css类,然后为它们设置样式。