获取点击网址的CSS属性

Question

点击链接时是否有任何CSS属性来获取网址（不使用javascript / jquery）？

Answer 1

在#之后的网址中提供了:target-pseudo-class，它与实际点击的锚定目标相匹配。

例如，调用index.php#paragraph1将匹配

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

你的CSS中的

使用类似的东西：

: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; }

要在单击锚点时显示锚点的URL，请使用：

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