滑鼠過導航標籤時,無效果,請問如何找出問題
萝卜
萝卜 2018-11-07 14:54:33
0
1
1104

<!DOCTYPE html>

<html>

<head>

<meat charset="utf-8">

    <title>區塊級元素與行內元素相互轉換</title>

    <link rel="shortcut icon" type="image/x-icon" href="images/favicon .ico">

    <style type="text/css">

    p{display:inline;width:200px;height:200px;backgroud-color:#ccc; }

    b{display:block;}

    /*div{display:inline-block;height:30px;width:400px;background-color:pink;}*/


.box{width:100px;height:40px;background-color:#ccc;line-height: 40px;text-align: center;}

#. main{width:100px;height:100px;background-color:pink;line-height:100px; text-align:center;display:none;}

.box:hover .main{display:block; }

</style>

</head>

<body>

<p>區塊級元素轉為行內元素</p><span>123</span>

<b>行內元素主為區塊級元素</b>

<div>將標答轉換為行內塊元素</div><span>123</span>

<div class="box">導航</div>

#<div class ="main">小選單</div>

</body>

</html>


#####################################################################
萝卜
萝卜

全部回覆(1)
天国之秋

<div class="box">導航</div>

<div class="main">小選單</div>

#.box :hover .main {}

說明.main 在.box 內部

<div class="box">導航

    <div class="main" >小選單</div>

</div>


熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!