html - 如何使用 'cite' 属性仅使用 CSS 显示 URL？

Question

我需要使引用属性可见，即。在我的网页上显示 block 引用的 url。有人告诉我只使用 CSS，不使用 html。

这是我目前在 html 中使用的内容:

<blockquote cite="https://en.wikipedia.org/wiki/History_of_television">
<p>text from wiki</p>

我认为 CSS 应该是这样的:cite href {display: inline-block;}，但那行不通。

Answer 1

我认为这就是您所追求的:

 blockquote:before {
   content: attr(cite);
 }

这是一个带有一些额外样式的示例:http://jsfiddle.net/fx4nw3q0/1/