Come posso inserire il nuovo testo con un collegamento ipertestuale in una pagina in CSS?

Question

Dire che ho il seguente codice:

...
<div id="originalContent">Foo</div>
...

Come posso usare i CSS per inserire "Bar" dopo "Foo" e rendere "Bar" un collegamento ipertestuale, in questo modo:

Bar ...

So che questo avrebbe scritto "Foo Bar":

#originalContent:after { content: " Bar"; }

, ma io non riesco a capire come fare "Bar" un collegamento ipertestuale. Tutte le idee?

Answer 1

Per quanto ne so, non si può fare che con un solo CSS. Ma, anche se si potesse, sarei ancora consiglia di utilizzare JavaScript, invece. CSS deve essere utilizzato solo per specificare lo stile e le informazioni di layout.

E 'abbastanza facile per aggiungere un link ad un div utilizzando JavaScript, soprattutto se si utilizza una libreria. Ecco un esempio utilizzando jQuery:

$("#originalContent").append("<a href='bar.html'>Bar</a>");

Nel caso in cui non si vuole utilizzare una libreria, ecco un esempio utilizzando le operazioni DOM origini:

var link = document.createElement("a");
link.href = "bar.html";
link.appendChild(document.createTextNode("Bar"));  // This sets the link's text
document.getElementById("originalContent").appendChild(link);

Come si può vedere utilizzando le operazioni DOM nativi è un po 'più di lavoro, ma se questa è l'unica funzionalità JavaScript è necessario, potrebbe non essere vale la pena scaricare un'intera biblioteca.

Answer 2

Non si può fare questo. I collegamenti non sono proprietà del CSS.