uzyskiwanie atrybutu z selektora nadrzędnego to CSS za pomocą treści: attr();

Question

Hej próbuję umieścić „tytuł” ​​atrybutem <sekcji> tagu wewnątrz <h3> tag znajduje się tuż poniżej i wewnątrz <sekcji> tag.The następujących pracach

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

co chciałbym nie należy powtarzać "Informacje ogólne" wewnątrz znacznika <h3>, ale należy użyć zawartości CSS razem z attr(), aby uzyskać informacje wewnątrz atrybutu tittle w znaczniku <sekcji> i umieścić je wewnątrz znaczników <h3>.

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

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

to zgodnie z oczekiwaniami poszukuje atrybutu „tytuł” ​​wewnątrz z <h3> tagu zamiast <sekcji> tagu. Czy istnieje sposób, w jaki mogę osiągnąć to, co próbuję osiągnąć? Czy staram się osiągnąć właściwy sposób robienia rzeczy? Wiem, że mogłem całkowicie pomijać tagi <h3> i formatować znacznik <sekcji>, aby wyświetlać dowolny tekst w atrybucie "tytuł" w taki sam sposób, jak znacznik <h3>.

Answer 1

Funkcja attr() może uzyskać atrybut tylko z elementu, który generuje treść. Nie będzie można uzyskać elementu section elementu, ponieważ nie jest to element generujący zawartość.

Jak wspomina ScottS, powinieneś naprawdę unikać pustego elementu nagłówka, ponieważ nie byłoby sensu go mieć w ogóle. Najlepiej jest zrezygnować z atrybutu title (czy jest to naprawdę potrzebne?) Lub pozostawić powieloną treść.