Question

嗨所以我有这个代码，我无法发现为什么它没有响应我提供的CSS，我尝试了jsfiddle，但我不知道该寻找什么。

继承人css也许有人可以告诉我为什么第3级和第2级没有响应

.nav-menus {height:auto;float:right;position:absolute;display:block;right:0;clear:both;}
#access {float:right;margin: 0px;right:0;height:78px;   }
#access .menu-header, div.menu {margin-left: 12px;background-color: #fff;}
#access .menu-header ul, div.menu ul {list-style: none outside none;margin: 0;padding: 0;}
#access .menu-header li, div.menu li {display: inline;list-style: none outside none;float: left;margin: 0 .5px;position: relative;}
ul#menu-header-menu li a {display: block;height:43px;padding:30px 15px 0 15px;}
ul#menu-header-menu li a:hover {  box-shadow: 0 20px 40px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 1px 0 rgba(255, 255, 255, 0.05) inset;background-color:#fafafa;}
#access a {display: block;position: relative;height:68px;text-decoration:none;}
#access ul.sub-menu li:first-child {border:none;}
#access ul.sub-menu li { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%) repeat scroll 0 0 transparent;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.03) inset; margin-bottom: 1px;border-top:1px solid #ddd;font-size:11.5px;margin:0;line-height:18px; }
#access ul.sub-menu li:last-child {border-bottom:none;}
#access ul ul ul.sub-menu {border:1px solid #ddd;border-radius:2px;margin-left:5px;}
#access ul.sub-menu {border-bottom-left-radius:2px;border-bottom-right-radius:2px;border:1px solid #ddd;display:none;left: 0;position: absolute;top: 78px;} 
#access ul ul {position: absolute;top: -9999em;}
#access ul ul li:hover ul { margin-left:180px;top:0; }
#access ul ul li {min-width: 160px;}
#access ul ul li ul { right: 100%; top: -2px; }
#access ul ul ul {right:160px;top: 0;position:relative;}
#access ul ul a {line-height: 1em;padding: 10px;min-width: 160px;font-weight:normal;text-transform:capitalize;height: auto;display:block;}
#access ul.sub-menu li:hover > a {background-color:#F9f9f9;}
#access ul li:hover > ul {display: block;}
#access ul.sub-menu li.current-menu-item > a, #access ul.sub-menu li.current-page-item > a, #access ul.sub-menu li.current-ancestor-item > a, #access ul.sub-menu li.current-menu-parent > a, #access ul.sub-menu li.current-menu-ancestor > a, #access ul.sub-menu li > a:hover {border-top:1px solid #ececec;border-bottom:1px solid #ececec ;border-right:none;border-left:none;}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {z-index:10;  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);background-color:#fafafa;border-top:1px solid #eee;border-right:1px solid #ddd;border-left:1px solid #ddd;}
* html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover {}

继承人小提琴

http://jsfiddle.net/qbr8c/

Answer 1

第3和第2级UL发生了什么？他们是继承了第一届UL的风格吗？

这可能是一个特异性问题。

#access .menu-header ul

比

更具体

#access ul ul

第3级<ul>没有响应CSS </ul>

1 个答案: