ottenere l'attributo dal selettore principale è CSS utilizzando contenuto: attr();

Question

Hey io sto cercando di posizionare il 'titolo' attributo di una sezione di < > tag all'interno di un <h3> tag si trova appena sotto e all'interno della sezione < > tag.The seguenti opere

<section title="General Information"> 
     <h3>General Information</h3> 
     .... 
    </section> 

quello che vorrei fare non è ripetere 'Informazioni generali' all'interno del tag <h3> ma utilizzare il contenuto CSS insieme a attr() per ottenere le informazioni all'interno dell'attributo tittle nella tag <tag> e posizionarlo all'interno dei tag <h3>.

<section title="General Information"> 
     <h3></h3> 
     .... 
    </section> 

    section h3:after 
    { 
     content:attr(title); 
    } 

Questo come gli sguardi attesi per il 'titolo' attributo all'interno del tag <h3> al posto del <sezione> tag. C'è un modo per raggiungere ciò che sto cercando di realizzare? È quello che sto cercando di realizzare il modo giusto di fare le cose? So che posso saltare del tutto i tag > h3 > e formattare il tag nella sezione < per visualizzare qualsiasi testo sia nell'attributo "titolo" allo stesso modo del tag <h3>.

Answer 1

La funzione attr() può ottenere solo un attributo dall'elemento che genera il contenuto. Non potrai ottenere l'elemento section dell'elemento title perché non è l'elemento che genera il contenuto.

Come menziona ScottS, dovresti davvero evitare di avere un elemento di intestazione vuoto, perché non ci sarebbe alcun punto di averlo lì a tutti allora. La soluzione migliore è lasciare l'attributo title (è davvero necessario?) O lasciare il contenuto duplicato.