CSS - 在元素E2上懸停時顯示元素E1

這是一個奇怪的問題，但我得到了一個html文件，它具有標籤的B標籤和列表的單獨ol標籤。CSS - 在元素E2上懸停時顯示元素E1

像這樣

<b> Title of the list </b> 
<ol> 
    <li> List item 1 </li> 
    <li> list item 2 </li> 
</ol>

我希望做的是，節目列表，當鼠標懸停稱號。我該怎麼做呢？

現在這就是我所擁有的。

ol 
{ 
    visibility: none; 
}

我需要找到這部分

b:hover 
{ 
    /*something that shows the ol list */ 
}

來源

2013-10-12 user2055171

是否確定要使用'visibility'了'display' ？ –

可能重複[如何更改一個元素，而徘徊在另一個]（http://stackoverflow.com/questions/8614423/how-to-change-one-element-while-hovering-over-another） – Pavlo

使用此代碼：

HTML：

<b> Title of the list </b> 
<ol> 
    <li> List item 1 </li> 
    <li> list item 2 </li> 
</ol>

CSS：

ol 
{ 
    display:none; 
} 
b:hover + ol{ 
    display:block; 
}

JsFiddle

^{你可以閱讀更多here.}

來源

2013-10-12 16:57:22

工作！謝啦。 – user2055171

@ user2055171：歡迎您:) –

這是工作，我更喜歡你使用display代替visibility

<html> 
<head> 
    <title></title> 
<style> 
    b:hover + ol{ 
     display:block; 
    } 
    ol{ 
     display:none; 
    } 
</style> 
</head> 
<body> 
<b> Title of the list </b> 
<ol> 
    <li> List item 1 </li> 
    <li> list item 2 </li> 
</ol> 
</body> 
</html>

來源

2013-10-12 16:58:32

真棒謝謝！ – user2055171

歡迎兄弟！ :) –

CSS - 在元素E2上懸停時顯示元素E1

回答

相關問題