2011-08-24 17 views
8

Esiste un modo per ereditare il valore del nodo nell'attributo content?attributo 'contenuto' per ereditare il valore del nodo

Come, se il valore del tag <h2/> è impostato su "Titolo casuale", è possibile ottenere questo valore all'interno dell'attributo content in CSS?

Ho provato content: inherit;, ma non sembra funzionare.

Un esempio della mia teoria:

HTML:

<h2>Random title</h2> 

CSS:

h2:after { 
    content: inherit; /* should be "Random title" */ 
} 

Grazie in anticipo!

+0

Se si desidera semplicemente eseguire il mirror del testo, è possibile utilizzare qualcosa come 'text-shadow: black 20em 0 0;' –

risposta

13

No, non c'è modo di farlo. Questo non è quello che inherit is for.

Il più vicino si può ottenere è questo:

<h2 data-title="Random title">Random title</h2> 

h2:after { 
    content: attr(data-title); 
} 

..che è ovviamente orribile a causa della duplicazione.

+0

Doh, è triste. :( – jolt

+0

Nota che se stai cercando di "ereditare" i codici dei caratteri Unicode in questo modo, dovresti usare la forma di escape dei caratteri HTML di '& # x [codice];', ad esempio 'data-title =" & # xe001; "'. Ciò è utile quando si usano icone basate su font come IcoMoon. – Boaz

7

CSS3 ha un modo, content: contents; ma (a) sembra essere inventato in modo tale da non essere utile; e (b) probabilmente non è ancora implementato da nessuna parte. Vedi http://dev.w3.org/csswg/css3-content/#contents0

la risposta di @ thirtydot è corretta per ora, almeno.

+0

Non vedo l'ora che 'content: contents;' sia supportato! – allicarn

+0

ha sicuramente bisogno di questa funzione! – zur4ik

Problemi correlati