css中是否有确切的先前节点？

Question

我想找到我所有元素的前一个同级并更改其颜色。下面是一个示例：

    <ul>
        <li> 1
        <li>  2
        <ul>
            <li> 3
            <li> 4
            <ul>
                <li> 5
                <li> 6
            </ul>
         </ul>
         <li>  7
        <ul>
            <li> 8
            <li> 9
            <ul>
                <li> 10
                <li> 11
            </ul>
         </ul>
    </ul>

按照示例，我希望节点2、4、7、9受CSS / SASS影响。我们没有元素的任何类，也不能使用任何脚本。

Answer 1

您是否尝试过<li style = "">或<ul style = "">？您可以使用CSS轻松解决您的问题。

对于基本示例：

<ul>
  <li style="background-color=brown">Coffee</li>
  <li style="background-color=black">Tea</li>
  <li style="background-color=white">Milk</li>
</ul>

但是您可以使用悬停效果获得更有效的结果。因此，您需要使用我在下面编写的结构。

li:hover {
  background-color: yellow;
}