用于元素标记内容的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;
}

And a jsFiddle demo
CSS3选择器很有趣，但很难理解发生了什么，并且对旧浏览器的支持很少。

Hide text node in element, but not children

Answer 2

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

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