我有一个带有多个图片+文字div的div,图片和文字div以随机顺序显示,可以是image-image-text-image
或text-image-text-image
等等text项有一个与之关联的类,那么如何定位该类的第n个元素呢?
我无法定位父母,因为第一个项目可能是图片或文字,我只想单独定位每个文字项目。这是以变量顺序应用于可变数量的div的类:
.article_content_divs {
width:720px;
float:left;
margin-left:5px;
margin-top:5px;
text-align:justify;
}
答案 0 :(得分:0)
您可以使用:nth-of-type(n)
。但是,这需要您使用不同的类型,而不是使用不同的类。
因此,您不必拥有<div class="image">
和<div class="text">
,而是需要<div class="image">
和<p class="text">
(或简称<div>
和<p>
,那就是最重要的事情。)
然后您可以使用selectorforparent p:nth-of-type(n)
。
请注意nth-of-type
是相对较新的,因此您必须检查向后兼容性。