0

Drupal 7 サイトの特定の 1 ページ (ノード) だけで、ページ タイトル (h1) のスタイルを変更したいと考えています。特定のページで CSS を使用して単一の HTML 要素をターゲットにする最良の方法は何ですか?

明らかに、他のすべてのページのページ タイトルが影響を受けないようにしたいと考えています。

違いがある場合は、Bartik のサブテーマを使用しています。

4

1 に答える 1

0

通常、ほとんどのテーマでは、クラスがbodyタグに追加されます。マザーシップのようなテーマを使用していて、そのようなクラスを強制的に削除できる場合を除いて、これらは非常に便利です。マザーシップでさえ、そのようなクラスでのbodyタグの設定を有効/無効にする設定を提供します。

Chromeのinspect要素またはFirefoxのFirebugまたはIEのDeveloperToolbarを使用して、テーマを設定するページのタグのようなものを表すクラスを探します<content_type>-<entity-type>-<id>。<body>例えば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 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 に答える