Drupal:如何覆盖某个 block 的css？

Question

我需要从右侧边栏 block 的其余部分中删除一个 block 的边框，但我不知道该怎么做。我已经尝试过这样做:

#sidebar-right div#block-block-14 {
    border:1px dashed orange !important;
    text-align:center;
}

div#block-block-14 是 block 的drupal生成的ID:

<div id="block-block-14">

但我无法删除它的边框。

提前致谢 :)

Answer 1

id 中的哈希会为你毁掉它。 Drupal 默认不会在 div 中放置哈希，因此您可能需要查看您的主题。 block.tpl.php可能是为您创建此问题的模板。通常 div# 不会包含在 id 中，它的其余部分会告诉您它是哪个 block ，block-block-14 仅表示来自具有 id 14 的 block 模块的 block 。不同的模块可能有稍微不同的命名方案，但思路大体相同。

一旦你让 Drupal 停止打印额外的 div#，你应该能够在你的 css 中做到这一点:

#block-block-14 {
    ....
}

除非您使用面板，否则您通常不需要除 id 之外的任何内容，因为每个 block 只能位于一个区域中。根据您要覆盖的规则的执行方式，您可能需要添加一些额外的选择器以赋予它更多的重要性。