将样式应用于不在任何 HTML 标记内的文本？答案

【问题标题】：Apply styles to text that's not inside of any HTML tags?将样式应用于不在任何 HTML 标记内的文本？
【发布时间】：2013-07-02 03:23:44
【问题描述】：

是否可以将 css 或 javascript 应用于不在任何特定标签内的文本？这是一个例子：

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

我希望能够编辑跨度和输入标签之间的“：”。此 HTML 无法编辑，因为它是由我使用的电子商务平台生成的 (Volusion)。

这是一张照片：http://i.imgur.com/LEcDIlm.png

【问题讨论】：

恰恰相反，因为:介于<td valign="top"></td>之间
CSS 只能影响标签的内容。您必须使用 JavaScript 将内容包装在标签中。或许Lettering.js 会对你有所帮助。
一切通常都在标签<html>之间进行，这是最高的标签层次

标签： javascript html css tags

【解决方案1】：

尝试类似的方法，您必须微调 css 选择器，使其仅应用于所需的元素

td {
    color: <same as the background>;
}

td * {
    color: black;
}

演示：Fiddle

【讨论】：