4

我不确定这是否可行，但如果可以的话，它将非常有帮助。我正在 Volusion 框架中的电子商务网站上工作，并且在 Volusion 网站上动态生成了很多文本。大多数文本都像往常一样在<span>s 或<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，因为我正在做相当多的自定义编码，它现在就挂在那里。

谢谢您的帮助！

4

2 回答 2

7

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

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

显然，针对特别适用于您网站的细节进行调整。

于 2013-02-12T03:46:37.153 回答
-1

如果 td 中的所有元素都是已知的，则使用 :after 和 :before 伪选择器定位所有元素。

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

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

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

于 2013-02-12T04:49:15.287 回答