왜 SuperFish가 모든 목록 스타일을 재정의합니까?

Question

현재 광산 프로젝트에서 SuperFish (http://users.tpg.com.au/j_birch/plugins/superfish/#download)를 처음 사용하고 있습니다.

내 글로벌 내비게이션은 의도 한대로 작동하지만 일반 페이지 목록에는 내 Superfish 탐색과 같은 스타일이 표시됩니다. 내 CSS를 살펴 봤는데 모든 것이 의사처럼 작성되었으므로 아무 것도 영향을 미치지 않아야합니다. 여기에 CSS 파일입니다 백틱이 코드에 대한 탈출로 위의 혼란에 대한

/*** ESSENTIAL STYLES ***/ 
.sf-menu, .sf-menu * {` 
margin: 0; 
padding: 0; 
list-style: none; 
} 
.sf-menu { 
line-height: 1.0; 
width: 960px; 
background: #000; 
} 
.sf-menu ul { 
position: absolute; 
top: -999em; 
width: 8em; /* left offset of submenus need to match (see below) */ 
} 
.sf-menu ul li { 
width: 100%; 
} 
.sf-menu li:hover { 
visibility: inherit; /* fixes IE7 'sticky bug' */ 
} 
.sf-menu li { 
float: left; 
position: relative; 
} 
.sf-menu a { 
display: block; 
position: relative; 
} 
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul { 
left: 0; 
top: 2.5em; /* match top ul list item height */ 
z-index: 99; 
} 
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul { 
top: -999em; 
} 
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul { 
left: 8em; /* match ul width */ 
top: 0; 
} 
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul { 
top: -999em; 
} 
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul { 
left: 10em; /* match ul width */ 
top: 0; 
} 

/*** DEMO SKIN ***/ 
.sf-menu { 
float: left; 
} 
.sf-menu a { 
padding: .75em 1em; 
text-decoration: none; 
} 
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ 
color: #13a; 
} 
.sf-menu li { 
background: #000; 
} 
.sf-menu li li { 
background: #000; 
} 
.sf-menu li li li { 
background: #000; 
} 
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
background: #000; 
outline: 0; 
}` 

미안 해요, 문제가 발생하고있다. 편집기 나 일종의 스타일로 볼 수 있다면 .sf-menu 클래스가 적용된 모든 스타일을 모든 목록에 적용해야한다는 것을 알 수 있습니다.

그렇지 않습니다. 어떤 아이디어?

감사합니다.

Answer 1

나는 슈퍼 피쉬 메뉴와 동일한 문제가있었습니다. 내 문제는 Superfish 모듈 메뉴 (Joomla 관리자 메뉴에서)의 사용자 지정 CSS 때문이었습니다. 내가 거기 있었다 :

li { 
     float: left; 
    display:inline; 
     font-size: 18px; 
    color: #000; 
} 
li a { 
     color: #000; 
} 

을 그것은 일한

float: left; 
display: inline; 

를 제거한 후.

나는 superfish의 Custom CSS가 template.css의 CSS를 오버라이드한다고 생각합니다.