在Drupal 7中使用CSS定位單個HTML元素

我想在Drupal 7站點的一個特定頁面（節點）上重新設置頁面標題（h1）的樣式。在特定頁面上使用CSS定位單個HTML元素的最佳方式是什麼？在Drupal 7中使用CSS定位單個HTML元素

顯然，我希望所有其他頁面上的頁面標題不受影響。

我使用Bartik的子主題，如果它有任何區別。

來源

2013-02-17 24ma13wg

在使用上'h1'的ID？ – rae1 2013-02-17 21:46:26

沒有什麼會從其他節點單獨出來，我不這麼認爲。 – 24ma13wg 2013-02-17 22:19:51

Drupal向身體添加了大量的類來識別每個頁面，並在那裏檢查。例如對於首頁你可以使用'body.front h1 {...' – Clive 2013-02-18 16:04:48

通常在大多數主題類中都添加到body標籤。除非你使用的主題像mothership那裏你可以強迫它刪除這些類，這些可以非常方便。甚至mothership提供了一個設置來啓用/禁用使用這些類填充body標籤。

在IE瀏覽器的Firefox或開發人員工具欄中使用chrome或Firebug中的inspect元素來查找類似<content_type>-<entity-type>-<id>的標籤，該標籤位於您想要主題的頁面中。例如page-node-12

歐米茄主題的示例輸出如下

<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標籤輸出，

<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-18 16:55:05 D34dman

在Drupal 7中使用CSS定位單個HTML元素

回答

相關問題