将CSS规则应用于HTML中相邻元素的方法

　　有时我们需要将css应用于相邻的元素，但该元素无法给与独有的css类名或者ID，例如下面的结构：

<ul>
 <li>zero</li>
 <li class="previous">one</li>
 <li>two</li>
 <li>three</li>
 <li>more elements</li>
</ul>

CSS可以用下面的写法，用+号来代替选择器：

.previous{
   color: green;
}
.previous + li{
   color: red;
}
.previous + li + li{
    color:yellow;
}