css二级菜单ul继承关系

问题描述：

本人新手小白，想请问各位大佬，在做二级菜单的时候怎样可以不让子级继承父级的一些属性，今天做了一个作业，父级是一个导航页面，用ul li做的，然后子级就是二级菜单，做的时候用的是div做，最终做出了想要的效果，但是其中的继承关系让我疯狂抓脑袋。所以想问一下各位大佬两个问题。第一是不是不管我的二级菜单用什么标签他都会继承父级的样式嘛。第二个就是我父级用无序列表，那我子级用有序列表是不是不会继承父级的样式????????????

答

这是你css关系选择器用错了。比如：
<ul class="bix1">
   <li>
       <ul class="bix2">
           <li></li>
       </ul>
   </li>
</ul>

如果用 ul.bix1 li { border: 1px solid #999; } 是给 .bix1 内的所有 li 加边框。这就包括.bix2 内的 li 也加了边框。
应该是用 ul.bix1 > li { border: 1px solid #999; } 只给 .bix1 的直接子元素 li 加边框。.bix2 内的 li 不受影响。

就是要区分ul.bix1 li 与 ul.bix1 > li 的不同

答

你给一级菜单和二级菜单分别指定不同的类名就不会重复了啊。

答

类选择器知道吧，定义不同的类选择器，用class引用就可以了啊

答

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

css二级菜单ul继承关系

相关推荐