我想在 Drupal 7 站点的一个特定页面（节点）上重新设置页面标题（h1）的样式。在特定页面上使用 CSS 定位单个 HTML 元素的最佳方法是什么？
显然，我希望所有其他页面上的页面标题不受影响。
我正在使用 Bartik 的子主题，如果它有什么不同的话。
问问题
435 次
1 回答
0
通常在大多数主题中，类都被添加到 body 标记中。除非您使用像Mothership这样的主题，您可以强制它删除此类类，否则这些主题非常方便。甚至 Mothership 也提供了一个设置来启用/禁用使用此类类填充身体标签。
使用 chrome 中的检查元素或 Firefox 中的 Firebug 或 IE 中的开发人员工具栏来查找代表您想要主题的页面<content_type>-<entity-type>-<id>中的标记之类的类。<body>例如page-node-12
omega主题的示例输出如下
<body class="html not-front logged-in page-node page-node- page-node-8 node-type-page context-page admin-menu coffee-processed omega-mediaqueries-processed alpha-debug-processed responsive-layout-wide">
Bartic 主题的示例正文标签输出，
<body class="html not-front logged-in no-sidebars page-node page-node- page-node-33 node-type-team-member admin-menu coffee-processed">
然后找到您的节点标题的特定选择器，这就像说#page-title或者如果它没有 id 找出一些规则来选择它，以便它在页面中是唯一的。例如.page h1.title
现在你可以使用，
body.page-node-12 #page-title {
/* your css rule */
}
或者
body.page-node-12 .page h1.title {
/* your css rule */
}
于 2013-02-18T16:55:05.660 回答