亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

82行的a標(biāo)簽要如何命中,以此改變nav_box的樣式(display:block/none 切換)

asal 2019-03-23 17:19:04 972
abstrak:<!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewp
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
 content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>淘寶網(wǎng) - 淘! 我喜歡</title>
    <link rel="stylesheet" type="text/css" href="static\font-awesome-4.7.0\css\font-awesome.min.css">
    <style>
 *{margin: 0;padding: 0;}
        i{margin-left: 2px;}
        li{list-style: none;}
        .head_con a{text-decoration: none;font-size: 13px;color: #6C6C6C;}
        .head_con a:hover{color: #F22E00;}
        .head_a{height: 36px;width: 85px;display: inline-block;text-align: center;position: relative;}
        .head_con a:hover.head_a{background-color: #fff;}
        .clear{clear: both;}
        .head{height: 36px;width :100%; background-color: #F5F5F5;}
        .head_con{height :36px; width: 1200px;margin: 0 auto;line-height: 36px;}
        .head_left{height: 36px; float: left;}
        .head_right{height: 36px;float: right;}
        .head_right a ul{border: 1px solid #F5F5F5;border-top: none;position: absolute;display: none;}
        .head_right a ul li{padding: 0 8px;color: #6C6C6C;height: 30px;line-height: 30px;width: 80px;text-align: left;}
        .head_con a:hover ul{display: block;}
        .head_con ul li:hover {background-color: #F5F5F5;}

        .nav_box{height: 310px;width: 1200px;margin: 0 auto;border: 1px solid #F5F5F5;border-top: none;}
        .nav_ul{width: 299px;border-right: 1px solid #F5F5F5;float: left;}
        .nav_ul b{padding: 10px 0 0 10px; display: block;color: #FF4400;}
        .nav_ul li{float: left; padding : 5px;font-size: 12px;margin: 5px 25px 0 10px;}
        .nav_ul a{text-decoration: none;text-align: center;color: #6C6C6C;}
        .nav_ul li:hover {background-color: #FF4400;}
        .nav_ul li:hover a{color: #fff;}
        .nav_nav{}
        /*a.nav_nav:hover div.nav_box:active {display: block;}*/
 </style>

</head>
<body>
 <!--頂部導(dǎo)航欄-->
 <div class="head">
        <div class="head_con">
            <div class="head_left">
                <a href="" class="head_a">中國大陸&nbsp<i class=" fa fa-sort-desc"></i></a>
                <a href="" style="color: #F22E00">親,請登錄</a>
                <a href="">免費(fèi)注冊</a>
                <a href="">手機(jī)逛淘寶</a>
            </div>
            <div class="head_right">
                <a href="" class="head_a">我的淘寶&nbsp<i class=" fa fa-sort-desc"></i>
                    <ul>
                        <li>已買到的寶貝</li>
                        <li>我的足跡</li>
                    </ul>
                </a>
                <a href=""><span class="fa fa-cart-plus" style="color: #F22E00"></span>&nbsp購物車&nbsp<i class=" fa fa-sort-desc"></i></a>
                <a href="" class="head_a"><span class="fa fa-star"></span>&nbsp收藏夾&nbsp<i class=" fa fa-sort-desc"></i>
                    <ul>
                        <li>收藏的寶貝</li>
                        <li>收藏的店鋪</li>
                    </ul>
                </a>
                <a href="">商品分類<span style="margin-left :20px;border-right: 1px solid #ccc;"></span></a>
                <a href="" class="head_a" style="width: 105px">千牛賣家中心&nbsp<i class=" fa fa-sort-desc"></i>
                    <ul>
                        <li>免費(fèi)開店</li>
                        <li>已賣出的寶貝</li>
                        <li>出售中的寶貝</li>
                        <li>賣家服務(wù)市場</li>
                        <li>賣家培訓(xùn)中心</li>
                        <li>體檢中心</li>
                        <li>問商友</li>
                    </ul>
                </a>
                <a href="" class="head_a">聯(lián)系客服&nbsp<i class=" fa fa-sort-desc"></i>
                    <ul>
                        <li>消費(fèi)者客服</li>
                        <li>賣家客服</li>
                    </ul>
                </a>
                <a href="" class="head_a nav_nav"><span class="fa fa-tasks" style="color: #F22E00"></span>&nbsp網(wǎng)站導(dǎo)航&nbsp<i class=" fa fa-sort-desc"></i></a>
 <!--這里有問題↑-->
 </div>
            <div class="clear"></div>
        </div>
    </div>

 <!--網(wǎng)站導(dǎo)航-->
 <div class="nav_box">
        <ul class="nav_ul">
            <b>主體市場</b>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <div class="clear"></div>
        </ul>
        <ul class="nav_ul">
            <b>主體市場</b>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <div class="clear"></div>
        </ul>
        <ul class="nav_ul">
            <b>主體市場</b>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <div class="clear"></div>
        </ul>
        <ul class="nav_ul" style="border-right: none">
            <b>主體市場</b>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">男裝</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">箱包</a></li>
            <li><a href="">嬰童</a></li>
            <li><a href="">家電</a></li>
            <li><a href="">女裝</a></li>
            <li><a href="">男裝</a></li>
            <div class="clear"></div>
        </ul>
        <div class="clear"></div>
    </div>
</body>
</html>


Guru membetulkan:滅絕師太Masa pembetulan:2019-03-25 09:15:49
Rumusan guru:布局的時候注意一下,把.nav_box這個div放到當(dāng)前a鏈接中

Nota Keluaran

Penyertaan Popular