亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css 劃過一級菜單顯示兩級菜單問題

css 劃過一級菜單顯示兩級菜單問題

慕村1106498 2017-05-30 21:28:09
<style?type="text/css"> .title{ list-style:none; } .title:hovre?.nri{ display:?block; } .nri{ list-style:?none; display:?none; } </style> <body> <ul?class="title"> <li>標題1</li> </ul> <ul?class="nri"> <li>內容1</li> <li>內容2</li> <li>內容3</li> <li>內容4</li> </ul> </body> </html>為什么我劃過標題1 內容都不顯示?
查看完整描述

1 回答

已采納
?
千秋此意

TA貢獻158條經驗 獲得超188個贊

結構不變的情況下把 .title:hovre .nri { /*...*/ } 作如下修改即可:

.title:hover?+?.nri?{
????display:?block;
}


查看完整回答
5 反對 回復 2017-05-30
  • 千秋此意
    千秋此意
    不加 是后代選擇器 選的是 .title 后代里的 .nri 元素,加了是 相鄰元素選擇器,選的是 緊跟在 .title 之后的 .nri 元素~
  • 小董君同學
    小董君同學
    你這個寫法高啊,都快忘了相鄰元素選擇器了,原來還可以用在這里,恍然大悟的感覺。
?
高jay

TA貢獻96條經驗 獲得超122個贊

因為 .nrl 不在title里面。字選擇器選不到。
查看完整回答
反對 回復 2017-05-30
?
jspring

TA貢獻10條經驗 獲得超2個贊

你的.nri首先設置成block然后又設置成none,這是肯定不會有用的啦。其實你可以直接用js去實現,js實現的話很容易,就是一個鼠標滑過事件,鼠標滑過title,顯示.nri的內容,鼠標移開,隱藏.nri的內容

查看完整回答
反對 回復 2017-05-31
  • 1 回答
  • 0 關注
  • 2473 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號