CSS属性来获取点击的url

Question

有没有任何CSS属性来获得链接时点击链接（不使用javascript/jquery）？

Answer 1

有:target-pseudo-class，它匹配实际点击的锚定目标，在#之后的URL中给出。

例如调用index.php#paragraph1会在你的CSS使用类似匹配

<p id="paragraph1">…</p> 

：

:target { background: #fc0; } 

为了得到一些高亮喜欢这里的SO，使用类似：

[id] { 
    -webkit-transition: background-color 2s ease; 
    -moz-transition: background-color 2s ease; 
    -o-transition: background-color 2s ease; 
    transition: background-color 2s ease; } 
[id]:target { 
    background-color: #ffa; 
    color: #6a0504; } 

要在点击时显示锚点的网址，请使用：

a[href]:active::after { 
    content: ' (' attr(href) ')'; 
    /* more stylings */ 
}