css - 如何通过 CSS（不显示）摆脱自动生成的跨度？

Question

我正在使用 DrupalShareThis模块。不幸的是，该模块的最新安全版本span在生成的代码中添加了一个，它破坏了我的页面专业布局。之前一切正常。

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

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

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

我试过了：

.chicklets twitter {
    display:none;
}

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

更新

这是 FireBug 的屏幕截图：

在此处输入图像描述

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

span.chicklets {
    display:none;
}

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

span.chicklets.twitter {
    display:none;
}

上面删除了按钮，但相应的跨度仍然在 FireBug 中显示为阴影（见下）。

在此处输入图像描述

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

PS：没关系，如有必要，我将在另一个问题中讨论这个额外的问题。

score 3 · Accepted Answer

chicklets并且twitter是 2 个单独的类。您只需要设置display:none其中之一。

span.chicklets {
    display:none;
}

我已将此限制为仅跨越带有 class 的元素chicklets。请注意，这可能会影响也具有chicklets该类的其他 span 元素

score 3 · Accepted Answer

如果要专门设置具有两个类的元素的样式，请将它们组合在一起，不要有空格。点表示法的意思是“类”，所以你可以在它们之前放一个点并将它们连接起来：

span.chicklets.twitter {
    display: none;
}

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

如果您需要 span 来维护按钮，但不希望 span 占用空间，则将其更改为：

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

score 0 · Accepted Answer

如果你有 jQuery 运行，它会这样做（删除它而不是隐藏它）：

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

3 回答 3