Css 活动列表项的圆角div

我有下面的html结构，我使用图像应用圆角。 类为tabsLeft和tabsRight的div实现圆角。 一旦选择了一个li，我将向其添加“on”类。当第一个李老师上课时，左上角的颜色也应该改变。 当第一个li打开时，是否有css唯一的解决方案来更改tabsLeft类的图像？我不能将tabsLeft放在任何li中，因为并非所有列表项对每个用户都可见（任何列表项都可以是第一个）

Css我想要在第一个活动选项卡上-

{background: url('/Home/images/New.PNG') -248px 0px no-repeat; width: 3px;height: 30px;float: left;position: absolute;}

---

可以根据父级的类状态更改子级的CSS，但不能根据子级的类状态更改父级的CSS。并且不能基于完全不相关元素的类状态来更改元素的CSS

但是，在您的案例中，您可以尝试将背景放在第一个

LI

本身上。然后，您可以根据其自身的类状态对其进行修改：

.tabs > li:first-child { background: url('/Home/images/New.PNG') -256px 0px no-repeat; etc... }
.tabs > li.on:first-child { background-position: -248px 0px; }

---

（显然，您需要使用样式才能使其适用于您的案例）

我已经发布了所需的css。Css内容不是问题所在。我需要一个合适的选择器来应用第三个css类。对活动选项卡使用Jquery，如果只需要圆角，则设置边框半径：10px；。谢谢因此，这不能仅使用css来完成：(

{background: url('/Home/images/New.PNG') -248px 0px no-repeat; width: 3px;height: 30px;float: left;position: absolute;}

.tabs > li:first-child { background: url('/Home/images/New.PNG') -256px 0px no-repeat; etc... }
.tabs > li.on:first-child { background-position: -248px 0px; }