2012-08-01 16 views
7

ねえ、私はちょうど下の位置<H3>タグ内に、次のセクション< > tag.Theは私が望むものを親セレクタから属性を取得するには、コンテンツを使用するCSSを使用します:attr();

<section title="General Information"> 
     <h3>General Information</h3> 
     .... 
    </section> 

を作品内の<セクション>タグの「タイトル」属性を配置しようとしていますするには、<h3>タグ内の「一般情報」を繰り返すのではなく、<セクション>タグのtittle属性内の情報を取得するためにattr()と一緒にCSSコンテンツを使用し、<h3>タグ内に配置します。代わりに<セクション>タグの<H3>タグの内側に「タイトル」属性の期待ルックスとして

<section title="General Information"> 
     <h3></h3> 
     .... 
    </section> 

    section h3:after 
    { 
     content:attr(title); 
    } 

これ。私が達成しようとしていることを達成する方法はありますか?私は物事を行う正しい方法を達成しようとしていますか? <h3>タグをすべてスキップして、<セクションの>タグには、<のh3 >タグと同じ方法で、 'title'属性にあるテキストを表示するように設定できます。

+4

検索エンジンのために 'h3'の空白が残るため、あなたは' h3'というテキストを生成したくないでしょう。もし重複を減らすためには、 'section'の' title'を取り除き、 'h3'だけを' title 'として使うべきです。 – ScottS

答えて

10

attr()関数は、コンテンツを生成する要素からのみ属性を取得できます。 section要素のtitleは、コンテンツを生成する要素ではないため、取得できません。

ScottSが言及しているように、空白の見出し要素があることを避ける必要があります。あなたの最善の策は、title属性(本当に必要なのでしょうか?)を残すか、コンテンツを複製したままにすることです。