css - 为什么我用li的选择器找navIntroduce类用的是兄弟选择器啊子选择器却找不到

问题描述

问 题

                    <li>
                        <dl>
                            <dt>母婴用品</dt>
                            <dd>
                                <a href="#">纸尿裤</a>
                                <a href="#">新生儿</a>
                                <a href="#">婴儿推车</a>
                                <a href="#">奶瓶</a> 
                                <a href="#">牙胶</a> 
                            </dd>
                        </dl>
                        <div class="navIntroduce">
                            <span>纸尿裤</span>
                            <a href="#">Pampers帮宝适</a>
                            <a href="#">安儿乐Anerle</a>
                            <a href="#">雀氏Chiaus</a>
                            <a href="#">花王/妙而舒</a>
                            <a href="#">其它</a><br>
                            <span>婴儿推车</span>
                            <a href="#">威可迪/wikider</a>
                            <a href="#">HAPPY DINO/小龙哈彼</a>
                            <a href="#">GUBI(咕比)</a>
                            <a href="#">Goodbaby/好孩子</a>
                            <a href="#">其它</a><br>
                            <span>奶瓶</span>
                            <a href="#">贝亲奶瓶</a>
                            <a href="#">NUK奶瓶</a>
                            <a href="#">新安怡奶瓶</a>
                            <a href="#">爱得利奶瓶</a>
                            <a href="#">其它</a><br>
                            <span>牙胶/咬咬胶</span>
                            <a href="#">People</a>
                            <a href="#">苏菲长颈鹿 Vulli</a>
                            <a href="#">香蕉宝宝 BABY BANANA</a>
                            <a href="#">MAM</a>
                            <a href="#">其它</a><br>
                            <img src="4.jpg">
                        </div>
                    </li>
                    
                    
                    
        #content #contentNav li :hover+.navIntroduce {
            z-index: 2;
            display: block;
        }
                    

解决方案

谁hover状态了，li和:hover间为啥有空格
dl:hover + .navIntroduce 或者 li:hover .navIntroduce

这篇关于css - 为什么我用li的选择器找navIntroduce类用的是兄弟选择器啊子选择器却找不到的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！