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

发布时间：2020-12-14 16:40:17 所属栏目：资源来源：网络整理

导读：嘿,我正在尝试放置 section的’title’属性.标签内的 h3标签位于 section的正下方和内部tag.以下作品 section title="General Information" h3General Information/h3 .... /section 我想做的是不重复 h3内的’一般信息’.标签,但使用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属性(它真的需要吗？),要么保留内容重复.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!