前端之家收集整理的这篇文章主要介绍了
如何将CSS规则应用于HTML中的上一个元素？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
例如：
你有这个：
<ul>
<li>zero</li>
<li>one</li>
<li class="selected">two</li>
<li>three</li>
<li>more elements</li>
</ul>
CSS：
.selected:prevIoUs {
color: red;
}
.selected:next {
color: green;
}
这是可能的
纯css是不可能的.您可以为下一个但不是之前的元素设置样式.
但是你可以用css做一个伎俩.而不是选择类,你可以给班级上一个元素.喜欢这个：
HTML
<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;
}
检查这个http://jsfiddle.net/S5kUM/2/
原文链接：https://www.f2er.com/css/216988.html
