탐색 CSS를 울 리 : 가져가

안녕하세요 초보자 질문은, 난 그냥 .. 누군가가이 일에 저를 도와 드릴까요 ..탐색 CSS를 울 리 : 가져가

<ul id="nav" class="clear"> 
    <li id="home"><a href="index.html"></a></li> 
    <li id="about"><a href="about.html"></a></li> 
    <ul class="second"> 
     <li><a href="www.yahoo.com">1st Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
     <li><a href="www.google.com">2nd Link</li> 
    </ul> 
    <li id="gallery"><a href="gallery.html"></a></li> 
    <li id="before-after"><a href="before-after.html"></a></li> 
    <li id="loft"><a href="loft-conversations.html"></a></li> 
    <li id="case"><a href="case-studies.html"></a></li> 
    <li id="testimonials"><a href="testimonials.html"></a></li> 
    <li id="faqs"><a href="faqs.html"></a></li> 
    <li id="contact"><a href="contact.html"></a></li> 
</ul>

CSS 코드

을 ul.second에 li.about를 가져 싶어합니다

#navigation ul#nav li#about:hover ul.second 
{ 
    background:#CCC; 
    padding:1px; 
    margin:1px; 
    height:200px; 
    color:black; 
    z-index:1000; 
    width:200px; 
}

출처

2011-01-19 Marskie

첫 번째 : 수정을 클릭하고 코드를 강조 표시 한 다음 '{}'버튼을 누릅니다. – Andrew

이전 질문으로 돌아가서 정답을 수락하거나 솔루션을 게시하십시오 (직접 찾은 경우). 이것은 커뮤니티를 자랑하며 유사한 문제를 가진 다른 사람들에게 리소스를 제공합니다. 또한 올바른 답을 수락하면 더 많은주의를 기울입니다. ;-) –

그건 잘못된 마크 업이고,'ul'은 다른'ul'의 직계 후손이 될 수 없습니다. 두 번째'ul'을'li' ('ul' 또는'ol' 엘레멘트 중 유일하게 유효한 자식)에 넣으십시오. –

의 경우 당신이해야 할 노력하고 드롭 다운 메뉴는 다음 display: none; 및 display: block CSS 속성을 사용한다.

출처

2011-01-19 17:53:28 fiiv

탐색 CSS를 울 리 : 가져가

답변

관련 문제