Question

我的CSS中有这个：

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
    list-style-type:none;
}

这是MasterPage中的内容：

<div class="MainMenu">
        <uc2:MainMenu ID="MainMenu1" runat="server" />
    </div>

最后这个代码在UserControl MainMenu中：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %>
<ul>
    <li>Inico</li>
    <li>Navegar Por Categoria</li>
    <li>Navegar Por Marca</li>
    <li>Buscar</li>
</ul>

编辑（忘了问问题，哈哈）：

使用该代码不会删除项目符号列表。我不想要任何子弹，因为我想模拟一个菜单。

谢谢你们。：d

Answer 1

不仅仅是

list-style:none;

而不是

list-style-type:none;

在你的li / ol / ul部分

例如

ol.foo>li {
    list-style:none;
}

或

.classThatTheListElementIsAMemberOf {
    list-style:none;
}

Answer 2

尝试将list-style-type放在UL上，而不是放在包含UL的DIV上。

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
}


.MainMenu ul
{
    list-style-type:none;
}

Answer 3

您正在将list-style-type应用于div，而不是ul内的div。试试这个：

.MainMenu
{
    position: absolute;
    top:105px;
    left:15px;    
    background-color: #67E300;  
    color:White;
    border-style:double;
    border-color:White;
}

.MainMenu ul
{
    list-style-type:none;
}

这会将list-style-type应用于项目中定义了css类ul的任何MainMenu。

Answer 4

你需要的只是你的CSS：

.MainMenu ul { list-style-type: none; }

它将匹配.MainMenu div中的ul，这是您上面发布的代码的最终结果。

如何使用CSS从无序列表中删除项目符号？

4 个答案: