如何通过CSS（un-display）摆脱自动生成的跨度？

Question

我正在使用Drupal ShareThis模块。不幸的是，这个模块的最新安全版本在生成的代码中增加了一个span，它破坏了我的主页的布局。以前一切正常。

没有选项来控制这种代码的生成：

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

是否可以删除/不显示通过CSS这个跨度码？如果是的话如何？

我想：

.chicklets twitter { 
    display:none; 
} 

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

UPDATE

这里是萤火虫的屏幕截图：

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

span.chicklets { 
    display:none; 
} 

上面完全去除所有ShareThis按钮（可以通过以下问题来解释）：

span.chicklets.twitter { 
    display:none; 
} 

上面的代码删除了按钮，但相应的跨度仍然出现在FireBug中（见下）。

当然，我需要让我的按钮。什么会造成这种情况？

P.S .:无所谓，如有必要，我会在另一个问题中讨论这个额外问题。

Answer 1

如果要专门设置具有两个类的元素的样式，请将它们组合为无空格。点符号的意思是“类”，所以你会放一个点他们每个人的面前，并将它们连接起来：

span.chicklets.twitter { 
    display: none; 
} 

由于@AndrewBrock建议，您也可以只使用其中一个类，只要你知道，单个类不会以不希望的方式影响其他跨度元素。

如果需要的跨度保持按钮，但不希望跨度占用空间，然后将它改成这样：

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

Answer 2

chicklets和twitter是2个独立的类。您只需在其中一个设置display:none即可。

span.chicklets { 
    display:none; 
} 

我将此限制为仅跨度类别为chicklets的元素。 请注意，这可能会影响也具有chicklets类的其他跨度元素

Answer 3

如果您有jQuery的运行，这将做到这一点（删除它与隐藏）：

$(".chicklets.twitter").remove();