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

Question

嘿，我正在尝试将

标记的“title”属性放在位于

标记正下方和内部的

标记内。以下工作

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

我想做的不是在

标签内重复“一般信息”，而是使用 CSS 内容和 attr() 来获取

标签中 tittle 属性内的信息并将其放在里面

标签。

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

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

正如预期的那样，它会在

标记而不是

标记内查找“title”属性。有什么办法可以实现我想要实现的目标吗？我正在努力实现的是正确的做事方式吗？我知道我可以完全跳过

标签并格式化

标签以显示“title”属性中的任何文本，就像

标签一样。

Answer 1

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

正如 ScottS 所提到的，您真的应该避免使用空的标题元素，因为那样的话根本没有任何意义。最好的办法是省略 title 属性(真的需要吗？)，或者保留重复的内容。