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

前端之家收集整理的这篇文章主要介绍了html – 从父选择器获取属性是CSS使用内容:attr();前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
嘿,我正在尝试放置< section>的’title’属性.标签内的< h3>标签位于< section>的正下方和内部tag.以下作品
<section title="General Information">
       <h3>General Information</h3>
       ....
   </section>

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

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

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

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

解决方法

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

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

原文链接:https://www.f2er.com/html/227109.html

猜你在找的HTML相关文章