html - 元素标签内容的 CSS 选择器

Question

这听起来很傻，但我想将 CSS 应用于内部的内容和元素标记。

例子：

<div class="wrap">
    <a href="#">Tag 1</a>
    ,
    <a href="#">Tag 2</a>
    ,
    <a href="#">Tag 3</a>
</div>

有没有可能我可以,使用 CSS 删除或隐藏标签之间的逗号？我不知道如何为包含逗号的标签调整生成的输出。所以我在想这是否可以使用 CSS？

Answer 1

这可能有效，尽管 css 可能不是最好的方法。他们最初是如何到达那里的...... Css 是为了风格（因此是 StyleSheet），而不是为了内容。

.wrap{
    visibility:collapse;
}

.wrap a{
    visibility:visible;
}

一个 jsFiddle 演示
CSS3 选择器很有趣，但可能很难理解发生了什么，并且对旧浏览器的支持很少。

隐藏元素中的文本节点，但不隐藏子节点

Answer 2

您可以使用此 css 隐藏逗号。

.wrap{
    visibility:collapse;
}
.wrap a{
    visibility:visible
}