2012-08-01 62 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属性(是不是真的需要?),或保留重复的内容。