Question

我不确定这是否可能，但如果是这样的话会有很大的帮助。我正在使用Volusion框架中的电子商务网站，并且在Volusion网站上动态生成了大量文本。大多数文本都在<span>或<div> s中正常，但每隔一段时间就有一个“：”显示在类别标题之后。您可以在我正在处理的页面中抓取的以下代码中看到它：

<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;
}

显然会调整适合您网站的细节。

Answer 2

如果td中的所有元素都已知，那么使用：after和：before伪选择器来定位所有元素。

td span:after {
    content:"<span class="hide">"; }
td input:before {
    content:"</span>"; }
.hide {
    display:none; }

我没有对此进行测试，也没有使用过这些选择器，但它应该可以工作。

如果有多个相同类型的元素，比如三个输入，你可以在td上使用nth-child选择器。

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

2 个答案: