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

Question

#box5如何删除,#box6和中的要点#box7？我以为可以通过使用来实现#box5 a，但它不起作用。

超文本标记语言

<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

您需要放置list-style:none一个父容器，例如

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

li或直接应用于元素

li{
  list-style: none;
}

另外，用一个元素包围你的元素liul

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

li{
  list-style: none;
}