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

Question

嘿，我正在尝试将

标记的“title”属性放在

标记内，该标记位于

标记的正下方和内部。以下工作

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

我想做的不是在

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

标记中的标题属性内的信息并将其放置在里面

标签。

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

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

这正如预期的那样在

标记而不是

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

标记并格式化

标记以显示 'title' 属性中的任何文本，就像

标记一样。

Answer 1

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

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