Html 如何使用CSS将属性显示为文本？

我想将属性的值显示为文本

<div title="12:56pm">
    <span data-measureme="1">

        <span>hi</span>

    </span>
</div>

有可能用CSS实现吗？如何/为什么

---

关于浏览器兼容性，我只需要它在最新的Chrome和Firefox上运行。但是，如果有一种解决方案可以在任何浏览器上运行，那就太好了。

我认为您无法获得parents属性，但您可以获得它自己的属性：

<a title="Did this work..? " href="#">Yep, it worked</a>

结果（或显示为…）：

或者检查我的小提琴：

试试这个：

 div[title]:after { 
content: attr(title); /* no quotes around attribute name! */
 }

IE7不支持它

唯一的机会是使用Javascript/Jquery

---

有一种方法可以使用CSS中描述的属性。您只需使用：

content: attr(title);

但是，代码中存在的问题是，只能对被引用的元素使用此

attr（）

函数。在您的例子中，

span

没有

title

属性。您可能需要考虑重新编写代码以允许诸如：

之类的东西。

div:before {
    content: attr(title);
}

---

出于我自己的好奇，为什么不使用javascript呢？@CiaranBaselmans一种用法可能是自定义用户样式。如果你把标题放在span上，那么你就可以使用attr（）来获得它。到目前为止，没有用于父项的CSS选择器，但他并没有尝试选择父项。这不应该有

div:before

，而不是

div:before

，要获得预期的渲染效果？@JukkaK.Korpela Yep。抢手货

 div[title]:after { 
content: attr(title); /* no quotes around attribute name! */
 }

content: attr(title);

div:before {
    content: attr(title);
}