草庐IT

偶数分频

全部标签

html - 第 n 个 child (偶数)总是选择 dd,从不选择 dt(dl 中的偶数和奇数行)

我正在尝试为定义列表提供表格外观,并希望在一些css3选择器的帮助下使偶数行的颜色与奇数行不同。#specsdt:nth-child(even),#specsdd:nth-child(even){background:blue;}此css代码导致dt没有背景颜色,并且每个dd都被着色为蓝色。在我看来,渲染引擎实际上也在计算选定的sibling以外的sibling,导致每个dt都是奇数,每个dd都是偶数。 最佳答案 如果我没理解错的话,你可以使用nth-of-type来做到这一点选择器:#specsdt:nth-of-type(eve

html - 第 n 个 child (偶数)总是选择 dd,从不选择 dt(dl 中的偶数和奇数行)

我正在尝试为定义列表提供表格外观,并希望在一些css3选择器的帮助下使偶数行的颜色与奇数行不同。#specsdt:nth-child(even),#specsdd:nth-child(even){background:blue;}此css代码导致dt没有背景颜色,并且每个dd都被着色为蓝色。在我看来,渲染引擎实际上也在计算选定的sibling以外的sibling,导致每个dt都是奇数,每个dd都是偶数。 最佳答案 如果我没理解错的话,你可以使用nth-of-type来做到这一点选择器:#specsdt:nth-of-type(eve

jQuery:突出显示偶数列(不是行)

如何使用jQuery为偶数(或奇数)表列着色?(无需手动添加类)我的标记是:TablecaptionTableheader1Tableheader2Tableheader3Tableheader3TablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledata(它可能包含也可能不包含范围属性或th标签)

jQuery:突出显示偶数列(不是行)

如何使用jQuery为偶数(或奇数)表列着色?(无需手动添加类)我的标记是:TablecaptionTableheader1Tableheader2Tableheader3Tableheader3TablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledataTablerowheaderTabledataTabledataTabledata(它可能包含也可能不包含范围属性或th标签)

html - 在 CSS 中缩进偶数行六边形

我目前有一个六边形(图像)列表,当浏览器宽度减小时,我会换行到下一行。然而,当发生这种情况时,它们会形成偶数条线,如第一张图片所示,每条线都从x轴上的同一点开始。HereistheJSFiddle(虽然,六边形不能正确流动,因为它们不是图像)。真正的代码是:...CSS是:.container{padding-top:80px;width:50%;margin-left:auto;margin-right:auto;}.containerspan{line-height:129px;display:inline-block;}.container.hex{display:block;m

html - 在 CSS 中缩进偶数行六边形

我目前有一个六边形(图像)列表,当浏览器宽度减小时,我会换行到下一行。然而,当发生这种情况时,它们会形成偶数条线,如第一张图片所示,每条线都从x轴上的同一点开始。HereistheJSFiddle(虽然,六边形不能正确流动,因为它们不是图像)。真正的代码是:...CSS是:.container{padding-top:80px;width:50%;margin-left:auto;margin-right:auto;}.containerspan{line-height:129px;display:inline-block;}.container.hex{display:block;m

html - css:如何跳过第n个 child (奇数)和第n个 child (偶数)中隐藏的 child

这个问题在这里已经有了答案:CanIcombine:nth-child()or:nth-of-type()withanarbitraryselector?(8个答案)关闭6年前。我尝试在使用第nth-child(odd)和nth-child(even)时跳过隐藏的child,但它不会跳过那些隐藏的记录。我有以下HTML和CSS代码。ul{list-style-type:none;}li{height:2em;border:1pxsolidblack;}/*li:not(.hidden):nth-child(odd){*/li:nth-child(odd){background:khak

html - css:如何跳过第n个 child (奇数)和第n个 child (偶数)中隐藏的 child

这个问题在这里已经有了答案:CanIcombine:nth-child()or:nth-of-type()withanarbitraryselector?(8个答案)关闭6年前。我尝试在使用第nth-child(odd)和nth-child(even)时跳过隐藏的child,但它不会跳过那些隐藏的记录。我有以下HTML和CSS代码。ul{list-style-type:none;}li{height:2em;border:1pxsolidblack;}/*li:not(.hidden):nth-child(odd){*/li:nth-child(odd){background:khak

javascript - 使用javascript更改html中奇数/偶数DIV的颜色

例如我们有5个DIV:12345如何更改偶数DIV的背景颜色? 最佳答案 CSS3-无法在IE8等旧版浏览器中运行#container2>div:nth-child(even){background:yellow;}jQuery也适用于IE8$("#container>div:nth-child(even)").addClass("even");我还发现了这个讨论:IE8andjQueryselectors这是一个DEMOofCSS3andjQueryboth$("#container1>div:nth-child(even)").

javascript - 使用javascript更改html中奇数/偶数DIV的颜色

例如我们有5个DIV:12345如何更改偶数DIV的背景颜色? 最佳答案 CSS3-无法在IE8等旧版浏览器中运行#container2>div:nth-child(even){background:yellow;}jQuery也适用于IE8$("#container>div:nth-child(even)").addClass("even");我还发现了这个讨论:IE8andjQueryselectors这是一个DEMOofCSS3andjQueryboth$("#container1>div:nth-child(even)").