从父选择器获取属性是CSS使用内容:attr();

Question

嘿,我试图将<section>标签的'title'属性放在位于<section>标签下方和内部的<h3>标签内.以下作品

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

我想做的是不重复<h3>标签内的'General Information',而是使用CSS内容和attr()来获取<section>标签中tittle属性的信息并将其放在<h3中>标签.

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

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

按预期方式查找<h3>标记内的'title'属性,而不是<section>标记.有什么方法可以实现我想要实现的目标吗？我正在努力完成正确的做事方式吗？我知道我可以完全跳过<h3>标签并格式化<section>标签,以与<h3>标签相同的方式显示'title'属性中的任何文本.

Answer 1

该attr()函数只能从生成内容的元素中获取属性.您将无法获取section元素,title因为它不是生成内容的元素.

正如ScottS所提到的那样,你应该真的避免使用一个空的标题元素,因为那时根本就没有它.你最好的办法是要么省略title属性(它真的需要吗？),要么保留内容重复.