ana seçiciden öznitelik, içerik kullanılarak CSS'dir: attr();

Question

Hey

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

ne istiyorsunuz aşağıdaki işlerin hemen altında bulunan <h3> etiketinin içine ve < bölüm > tag.The içinde < bölüm > etiketinin özelliği 'ni başlığını' yerleştirmek için çalışıyorum <h3> etiketindeki 'Genel Bilgiler'i tekrarlamanız gerekmez, ancak < bölüm > etiketindeki tittle özniteliğinin içine bilgi almak ve onu <h3> etiketlerinin içine yerleştirmek için attr() ile birlikte CSS içeriği kullanın. yerine < bölüm > etiketinin <h3> etiketinin içindeki 'başlık' özelliği için beklenen görünüyor olarak

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

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

Bu. Başarmaya çalıştığım şeylere ulaşmamın bir yolu var mı? Yaptığım şeyleri doğru şekilde gerçekleştirmeye çalışıyorum mı? <h3> etiketlerini tamamen atlayabildiğimi ve < bölüm > etiketini, <h3> etiketinin olduğu gibi 'başlık' özelliğinde hangi metnin gösterileceğini görüntülemek için bölümünü biçimlendirebileceğimi biliyorum.

Answer 1

attr() işlevi, yalnızca içeriği oluşturan öğeden bir öznitelik elde edebilir. section öğesinin title kodunu alamayacaksınız çünkü içeriği oluşturan öğe değil. Scott'ın bahsettiği gibi, boş bir başlık elemanından kaçınmanız gerekir, çünkü oraya sahip olmanın bir anlamı olmazdı. En iyi bahsiniz ya title özniteliğini dışarıda bırakmak (gerçekten gerekli mi?) Veya içeriği çoğaltılmış halde bırakmaktır.