从HTML列表项中删除项目符号

Question

如何从#box5，#box6和#box7删除项目符号？我认为这将是使用#box5 a，但它不起作用。

HTML

<div id="con3">
    <!-- irrelevant markup omitted -->

    <div id="box5">
        <li><a href="#">LIAM PRICE<br>Australia</a></li>
    </div>

    <div id="box6">
        <li><a href="#">JESS KWARTZ<br>Germany</a></li>
    </div>

    <div id="box7">
        <li><a href="#">ALI JAB<br>Mexico</a></li>
    </div>
</div>

CSS

#box5 {
    margin-left: 110px;
    margin-top: 10px; 
    font-family: 'pt_serifitalic';
    font-size: 9pt;
    line-height: 16px;  
}

#box5 a {
    color:white;
    text-decoration: none;
    list-style: none;   
}

Answer 1

您应该将列表项LI放在UL或OL或menu中，以遵循HTML规范。见这里：http://www.w3.org/TR/html-markup/li.html

项目符号位于LI或UL s中的所有OL上，因此我们可以通过以下方式修复：

UL {list-style: none}

由于继承，此样式将转移到LI元素的“list-style”。

另见W3C示例。

Answer 2

您需要将list-style:none放在像

这样的父容器上

#box5, #box6, #box7{
  list-style: none;
  }

或直接适用于li元素

li{
  list-style: none;
}

此外，环绕您的li元素<{1}}元素

ul

#con3 {
 width:1024px;
 height:680px;
 background-color: #161717;
 background-image: url(media/blogs5.png);
 background-repeat: no-repeat;
 background-position: 55px;
 float:none;
 text-decoration:none;

 }

#box4 { 
float:none;
width:300px;
height:195px;
margin-left:580px;
padding-top:60px;
}

#box5 {
margin-left: 110px;
margin-top: 10px; 
font-family: 'pt_serifitalic';
font-size: 9pt;
line-height: 16px;  
}


#box5 a {
color:white;
text-decoration: none;
list-style: none;
}

#box5, #box6, #box7{
  list-style: none;
  }

Answer 3

项目符号位于LI，所以：

li {list-style: none}

Answer 4

将列表项类设置为：list-style:none

Answer 5

如果要删除＃box5，＃box6和＃box7

的项目符号

然后使用此

#box5, #box6, #box7 {

        list-style:none;
    }

但是你应该在li中使用ul标记在语法上是正确的 然后使用以下代码

ul li {

            list-style:none;
        }