gpt4 book ai didi

CSS 全局 :nth-of-type selector (:nth-of-class)

转载 作者:行者123 更新时间:2023-11-28 13:25:30 26 4
gpt4 key购买 nike

什么 CSS 选择器可用于选择父元素中的所有奇数元素,但不一定是兄弟元素?

<div id="parent">
<div>
<div class="element">A</div>
</div>
<div class="element">A</div>
<div class="element">A</div>
<div>
<div class="element">A</div>
</div>
<div class="element">A</div>
<div>

我想要的是选择 parent 中的每个 element 并仅为该列表中的奇数索引元素应用样式。

Demo on jsFiddle.

最佳答案

虽然它使用 JavaScript,但您可以在不更改标记的情况下设置奇数元素的样式:

$('.parent .element:odd').css('font-weight', 'bold');

http://jsfiddle.net/ansonhoyt/MfxYF/

关于CSS 全局 :nth-of-type selector (:nth-of-class),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13975475/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com