목록의 선택되지 않은 항목에 다른 배경 이미지를로드하는 방법

Question

간단한 템플릿을 사용하여 내 블로그에서 내 탐색 바를 사용자 정의하고 있습니다.

<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 섹션을 추가 :

I는 successfuly이 변수를 선언하여리스트의 선택/호버 아이템의 배경 이미지를 설정했다.

이제는 선택되지 않은 목록 항목에 다른 배경 이미지를 추가하고 싶습니다. 그래서 tabs.background.image이라는 변수를 추가 했으므로 스타일에 추가해야합니다. 탭 대하여
이 가능한있다 :

• .tabs-내측
• .tabs-내측 .section
• .tabs-내측 된 .widget의 UL
• .tabs-내측 된 .widget 리
• .tabs-내측 된 .widget 리
• .tabs-내측 된 .widget 리 : 첫번째 아이
• .tabs-된 .widget 내측에는, 내측 .tabs-된 .widget 리 A를 li.selected : hover

저는 웹 개발에 처음으로 새로운 변수를 백그라운드 속성으로 추가하려고 시도했지만 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); 
} 

그러나 그것은 작동하지 않습니다. 어떻게해야합니까?

Answer 1

사용하지 않으려는 배경을 모든 항목에 설정하십시오. 그런 다음 현재 코드를 사용하여 선택한 항목의 배경을 변경하십시오. 예?