Question

Is there any CSS property to get the url when a link is clicked (without using the javascript/jquery)?

Answer 1

There is the :target-pseudo-class, which matches actually clicked anchor-targets, given in a URL after a #.

For example calling index.php#paragraph1 would match

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

in your CSS use something like:

:target { background: #fc0; }

To get some highlighting like here on SO, use something like:

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

To display the URL of an anchor in the moment it’s clicked, use:

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