css - 清除 元素后的内容

Question

我希望能够在某个类 (sprite-empos) 之后清除 '< td >' 中的内容，想知道是否有不添加任何新类或不使用 js 的方法(我在下面尝试过不工作)？

为了明确它是“985”，我想在某个视口(viewport)中移除，但不是“< i >”元素。

我知道最好的方法应该是将内容包装在一个元素中并对其应用一个类，但由于多种原因这是不可能的。

<td rowspan="2">
    <p><i class="sprite-io sprite-empos"></i> 985</p>
</td>

.sprite-empos:after {
    content:" "; // <---- not working
}

Answer 1

如果我理解你的话...你想用 CSS 隐藏图标后的文字？也许将 'font-size: 0px' 应用于 td？