Javascript 仅在图像的一部分添加透明度-奇数行

是否可以使列表中的每第二行背景为50%透明？ 我有这样的想法：

<div style="backgroung-image: url('bg.png')">
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</div>

一个
两个
三

然后我想在每第二行上有一部分白色的行，但仍然想看到背景图像。

li:n子（2n）

将选择每隔第二行

li

li:n子代（2n）{
不透明度：0.5；
}

一个
两个
三
四

您可以使用选择器每隔

li

设置一个目标

• 对于奇数行，提供

  odd

  或

  2n+1

  作为参数
• 对于偶数行，提供

  偶数

  或

  2n

  作为参数

ul，li{
保证金：0；
填充：0；
列表样式：无；
}
保险商实验室{
背景图像：url（'https://unsplash.it/1200x100?image=75');
}
李{
颜色：白色；
}
李：第n个孩子（单数）{
背景色：rgba（255、255、255、0.5）；
}

一个
两个
三
四
五

要瞄准每一秒的元素，可以使用第n个

选择器

li:nth-child(2n) {
background: red;
opacity: 0.5;
}