我正在使用简单的模板在我的博客上自定义我的导航栏。
通过声明此变量，我已经成功地为列表的选定/悬停项目设置了背景图像：
<Variable name="tabs.selected.background.image" description="Selected Tab Background Image" type="url" default="none" value="url(//u/r/l)"/>
并将其添加background: $(tabs.selected.background.image) repeat-x;到.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover部分。
现在，我想为未选中的列表项添加不同的背景图像。所以，我添加了一个名为的变量tabs.background.image，现在我需要将它添加到样式中。
关于选项卡，有以下可用选项：
- .tabs-inner
- .tabs-inner .section
- .tabs-inner .widget ul
- .tabs-inner .widget li
- .tabs-inner .widget li a
- .tabs-inner .widget li:first-child a
- .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover
由于我对 Web 开发非常陌生，因此我尝试将新变量作为背景属性添加到：tabs-inner .widget li a但在博客上没有背景图像。
因此，我尝试创建此选择：
.tabs-inner .widget li:not(li.selected)
这是最后的补充：
.tabs-inner .widget li:not(li.selected) {
position: relative;
z-index: 1;
background: $(tabs.background.image);
}
但它不起作用。我怎样才能做到这一点？