嘿,我正在尝试将 标记内。以下工作
<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”属性中的任何文本,就像 标签一样。
标签。
<section title="General Information">
<h3></h3>
....
</section>
section h3:after
{
content:attr(title);
}
<section title="General Information">
<h3></h3>
....
</section>
section h3:after
{
content:attr(title);
}
正如预期的那样,它会在
标记而不是 标记内查找“title”属性。有什么办法可以实现我想要实现的目标吗?我正在努力实现的是正确的做事方式吗?我知道我可以完全跳过 标签并格式化 标签以显示“title”属性中的任何文本,就像 标签一样。
标签并格式化 标签以显示“title”属性中的任何文本,就像 标签一样。
标签一样。
最佳答案
attr()
函数只能从生成内容的元素中获取属性。您将无法获得 section
元素的 title
,因为它不是生成内容的元素。
正如 ScottS 所提到的,您真的应该避免使用空的标题元素,因为那样的话根本没有任何意义。最好的办法是省略 title
属性(真的需要吗?),或者保留重复的内容。
关于html - 从父选择器获取属性是使用内容 :attr(); 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34785532/