CODEWITHSUNDEEP
csspseudo-element
Jon49
Jon49

Reputation: 4606

Pure CSS Add Link :before content

Is it possible to make a clickable link with pure css, specifically with pseudo elements? Maybe something like this:

body:before{
  content: url(/images/makeALinkOutOfMe.png);
  link: '/imYourLink';
}

Or

body:before{
  content: 'make a link out of me';
  link: '/imYourLink';
}

I know it is not possible to write HTML in the content declaration. But is there some way to get around this?

I want to use pure css if the user decides to turn off JavaScript.

Upvotes: 2

Views: 4781

Answers (1)

Jordan Owen
Jordan Owen

Reputation: 13

I'm not sure if this is exactly what you're looking for but you can show the url of links in printed webpages.

@media print {
  a[href]:after {
    content: " (" attr(href) ") ";
  }
}

Apart from that I dont think its possible, also if the user turns off JavaScript the HTML tag will still work.

Hope this helps.

Upvotes: 1

Related Questions