我想要一个选择器来选择以 elementWrapper 作为父元素的元素。如果父元素为偶数，则使子元素向右浮动，如果为奇数，则使其向左浮动。
结果应该是这样的:
<body>
<style>
.elementWrapper
{
width:100%;
height:100px;
}
header, nav, div div, footer
{
width:50%;
height:100px;
background:#000;
}
</style>
<div class="elementWrapper">
<header style="float:left;"></header>
</div>
<div class="elementWrapper">
<nav style="float:right;"></nav>
</div>
<div class="elementWrapper">
<div style="float:left;"></div>
</div>
<div class="elementWrapper">
<footer style="float:right;"></footer>
</div>
</body>
这可以用 css 选择器还是我应该在这里使用 js？ JSFiddle
最佳答案
使用nth-child(odd) || nth-child(even) 为此。
working demo
我认为这个 css 应该适合你:
.elementWrapper:nth-child(odd) {
float:left;
}
.elementWrapper:nth-child(even) {
float:right;
}
关于html - 选择偶数/奇数类元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20835377/