2012-08-01 95 views
7

嘿我試圖把「標題」一個<部分>標籤的屬性剛好位於下方的<H3>標籤內部和<部分> tag.The內以下工作從父選擇器獲取屬性是CSS使用內容:attr();

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

什麼,我想要做的事不是重複<h3>標籤中的'常規信息',而是使用CSS內容和attr()來獲取<標籤>標籤中tittle屬性的信息,並將其置於<h3>標籤內。

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

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

這預期將查找「標題」屬性<H3>標籤,而不是<部分>標籤內。有什麼辦法可以實現我想要完成的目標嗎?我正在努力完成正確的做事方式嗎?我知道我可以完全跳過<h3>標記,並將<部分>標記的格式設置爲標記,以便以與標記相同的方式顯示「標題」屬性中的任何文本。

+4

反正你不想生成你的'h3'文本,因爲它會讓搜索引擎的'h3'變爲空白。如果有的話,爲了減少重複,你應該刪除'section'上的'title',並且只使用'h3'作爲「標題」。 – ScottS 2012-08-01 22:45:54

回答

10

attr()該功能只能獲得從正在生成該內容的元素的屬性。您將無法獲得section元素的title,因爲它不是正在生成內容的元素。

正如ScottS所提到的,你應該真的避免有一個空的標題元素,因爲根本沒有一點意思。最好的辦法是要麼離開了title屬性(是不是真的需要?),或保留重複的內容。