gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 11:45:02 26 4
gpt4 key购买 nike

这是我的列表项:

<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

和以下文字(从和卖完):open sans, bold, 22px, #726850

有什么办法可以做到吗?

最佳答案

如果只有 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>

关于css - 如何仅定位包含数字和字母的列表中的数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31048889/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com