html - 使用 CSS 定位没有容器的文本

Question

我不确定这是否可行，但如果可行的话，将会大有帮助。我在 Volusion 框架中的电子商务网站上工作，大量文本是在 Volusion 网站上动态生成的。大部分文字在 <span> 中s 或 <div>一切正常，但偶尔会在类别标题后显示一个“:”。您可以在我从我正在处理的页面中抓取的以下代码中看到它:

<td>
<span class="PageText_L71n">Qty</span>:
<input type="text" class="v65-productdetail-cartqty" name="QTY.WA-SSPURSE" size="3" maxlength="8" onkeydown="javascript:QtyEnabledAddToCart();" value="1">
</td>

你可以在</span>后面看到冒号那只是被显示但不在任何容器中。有什么办法可以解决这个问题吗？我想放一个 display:none或 visibility:hidden在它上面，因为我正在做很多自定义编码，它现在就卡在那里。

感谢您的帮助!

Answer 1

如果您提前知道冒号的容器，您可以更改字体颜色以匹配背景或使用 font-size: 0(我喜欢它，因为它也删除了不必要的空间) :

td {
    font-size: 0;
}
td * {
    font-size: 14px;
}

显然要针对特别适合您网站的细节进行调整。