css - 如何通过 CSS(取消显示)摆脱自动生成的跨度？

Question

我正在使用 Drupal ShareThis 模块。不幸的是，该模块最近的安全版本在生成的代码中添加了一个 span，它扰乱了我的主要页面的布局。之前一切正常。

没有选项可以控制此代码的生成:

<span class="chicklets twitter">&nbsp;</span>

是否可以通过 CSS 删除/不显示此跨度代码？如果是怎么办？

我试过:

.chicklets twitter {
    display:none;
}

但没有成功。我不是 CSS 专家。谢谢。

更新

这是 FireBug 的屏幕截图:

我一直在尝试建议的解决方案:

span.chicklets {
    display:none;
}

上面完全删除了所有 ShareThis 按钮(可以用以下问题来解释):

span.chicklets.twitter {
    display:none;
}

上面删除了按钮，但是相应的 span 仍然在 FireBug 中显示为阴影(见下)。

当然，我需要保留我的按钮。什么可能导致这种情况？

P.S.:没关系，如果有必要，我会在另一个问题中讨论这个额外的问题。

Answer 1

如果你想专门为一个元素设置两个类的样式，将它们组合在一起，不要有空格。点符号的意思是“类”，因此您可以在每个点之前放一个点并将它们连接起来:

span.chicklets.twitter {
    display: none;
}

正如@AndrewBrock 所建议的，您也可以只使用其中一个类，只要您知道单个类不会以不良方式影响其他 span 元素即可。

如果需要span维护按钮，又不想span占用空间，那么改成这样:

span.chicklets.twitter {
    width: 0px;
}