css导航子菜单列表样式类型:无无效
我正在使用导航栏,其中 列表样式类型:ul li无 它不起作用 以下是我的css代码:css导航子菜单列表样式类型:无无效,css,navigation,Css,Navigation,我正在使用导航栏,其中 列表样式类型:ul li无 它不起作用 以下是我的css代码: nav{ height: 32px; line-height: 32px; background: #3B5998; padding: 0 20px 0 300px; } nav a{ list-style-type: none !important; } nav h1{ position: absolute; text-indent:-9999px; } nav ul, nav ul li{ marg
nav{
height: 32px;
line-height: 32px;
background: #3B5998;
padding: 0 20px 0 300px;
}
nav a{
list-style-type: none !important;
}
nav h1{
position: absolute;
text-indent:-9999px;
}
nav ul, nav ul li{
margin-left: 20px;
margin-right: 20px;
padding: 0;
}
nav ul li{
float: left;
display: block;
position: relative;
left: 0px;
}
nav ul li a:link, a:visited{
font-size: 13px;
font-style:normal;
font-weight:300;
line-height:18px;
letter-spacing:0px;
color: #CCCCCC;
text-decoration: none;
background-position:0 13px;
}
nav ul li a:hover{
color:#FFFFFF;
background-image:url(../images/link_bg.png);
background-repeat:repeat-x;
background-position:0 13px;
}
nav ul li ul{
position: absolute;
width: 160px;
left: -20px;
background: #FFF;
padding: 0px;
border: solid 1px #2E4B88;
border-top: none;
line-height: 26px;
z-index: 1000;
list-style-type: none;
}
nav ul li ul li{
float: none;
display: block;
margin: 0px;
padding: 0px;
}
nav ul li ul li a:link, nav ul li ul li a:visited{
color: #444;
font-size: 11px;
font-weight: bold;
text-decoration: none;
padding: 0px;
clear: both;
border-bottom: solid 1px #DEDEDE;
}
nav ul li ul li a:hover{
color: #3B5998;
}
以及html代码:
<nav>
<ul>
<li><a href="./introduction/">Introduction</a>
<ul class="submenu">
<li><a href="./introduction/ykrf/">YKRF Leadership Forum</a></li>
<li><a href="./introduction/yonsei/">Yonsei University</a></li>
<li><a href="./introduction/keio/">Keio University</a></li>
<li><a href="./introduction/rikkyo/">Rikkyo University</a></li>
<li><a href="./introduction/fudan/">Fudan University</a></li>
</ul>
</li>
<li><a href="./forums/">Past Forums</a>
<ul>
<li><a href="./forumbefore2008/">Before 2008</a></li>
<li><a href="./forum2008/">2008 Shanghai</a></li>
<li><a href="./forum2009/">2009 Seoul</a></li>
<li><a href="./forum2010/">2010 Tokyo</a></li>
<li><a href="./forum2011/">2011 Fudan</a></li>
<li><a href="./forum2012/">2012 Seoul</a></li>
</ul>
</li>
</ul>
</nav>
-
-
因此,在ul with class子菜单中,所有的li都有1。在它之前。即使我设置了列表样式类型:ulli为none
为了删除1,我应该在哪里设置css属性
该网站位于。下面的css会影响整个css
li li:before {
content: counter(item, decimal) ". ";
counter-increment: item;
}
在链接站点列表样式中的
forum2011.css(第20行)
确实设置为“无”,并且没有被覆盖。出现在每个项目之前的1.
实际上来自form2011.CSS文件第20-24行CSS中的内容属性。要覆盖它,请简单添加以下规则:
nav ul li ul li { content: ''; }
这会将号码添加到菜单中
尝试从forum2011.css的第20行删除或注释该代码。它将起作用定义您的子菜单li:before
内容:“”代码>无
就像这样,在样式表中定义css
.submenu li:before {
content: "";
}
nav li:before {
content: "";
}
-----------------
第二种选择是这样的
在样式表中定义此css
像这样
.submenu li:before {
content: "";
}
nav li:before {
content: "";
}
谢谢坏虫子。。我从来不知道。