17

<section> タグの 'title' 属性を、 <section> タグのすぐ下と内側にある <h3> タグ内に配置しようとしています。

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

私がしたいのは、 <h3> タグ内で「一般情報」を繰り返すのではなく、attr() とともに CSS コンテンツを使用して <section> タグのタイトル属性内の情報を取得し、それを <h3 内に配置することです>タグ。

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

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

これは予想どおり、<section> タグではなく <h3> タグ内の 'title' 属性を探します。私が達成しようとしていることを達成する方法はありますか? 私がやろうとしていることは、物事の正しいやり方ですか？<h3> タグを完全にスキップし、<section> タグをフォーマットして、<h3> タグと同じ方法で「タイトル」属性に含まれるテキストを表示できることはわかっています。

4

1 に答える 1

16

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

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

于 2012-08-01T23:58:23.793 に答える