replace text to link through css only

Question

it must be very simple question but im struggling to find a solution. I would like to change the title text to my own text as a link through css. this is what i have so far:

.title {
   display: none;
}

.title::before {
  content: "here is my text as a link ???..."
}

the text displays ok, but do not understand how to make it work as a link?!any ideas?! the question is - what to add to my style (::before) to make text look and actually work as a link to other page of my app ?! Thank you!

`a` elements have some special behavior that you can't achieve in pseudo-elements. — Oriol, Jan 29 '15 at 16:14
Pseudo elements cannot contain HTML..nor should they contain **actual content** they are for **styling** not content. — Paulie_D, Jan 29 '15 at 16:19
ok, thanks. didn't know about it. the css is still darkside for me lol — USSR, Jan 29 '15 at 16:19
What keeps you from using an actual `` tag, no CSS involved? — LcSalazar, Jan 29 '15 at 16:22
you will find answer here http://stackoverflow.com/a/9704986/3836908 — sanoj lawrence, Jan 29 '15 at 16:49
possible duplicate ... http://stackoverflow.com/questions/9704802/css-after-element-to-insert-mailto-link — sanoj lawrence, Jan 29 '15 at 16:49

rajesh · Answer 1 · 2015-01-30T07:52:37.807

0

Give your Url in that and check it out:

.title::after {
 content: "here is my text as a link ???...",url(http://www.w3schools.com/);
 }

edited Jan 30 '15 at 07:52

answered Jan 29 '15 at 16:42

rajesh

1,475
10
23

unfortunately it doesn't work, I've tried this earlier ... looks like Oriol and Paulie_D are wright, we cannot use HTML tags with pseudo elements .. Thanks anyway! – USSR Jan 30 '15 at 07:46

replace text to link through css only

1 Answers1