Html 列表样式无不应用+；黎边_Html_Css_List_Nav

Html 列表样式无不应用+；黎边

html css list

Html 列表样式无不应用+；黎边,html,css,list,nav,Html,Css,List,Nav,我正在测试垂直导航，希望从我的ul中删除项目符号。我甚至试过申请！如果有超控，这一点很重要。我的li上的下边框也不适用。我已经在网上进行了研究，但找不到解决方案 “导航”id内的任何内容均不适用，除非 #nav a { text-decoration: none; } 链接到代码笔：以下是html： <!Doctype html> <html> <head> <title>About Us</title>

我正在测试垂直导航，希望从我的ul中删除项目符号。我甚至试过申请！如果有超控，这一点很重要。我的li上的下边框也不适用。我已经在网上进行了研究，但找不到解决方案

“导航”id内的任何内容均不适用，除非

#nav a {
    text-decoration: none;
}

链接到代码笔：

以下是html：

<!Doctype html>
<html>
<head>
    <title>About Us</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="nav">
   <ul>
        <li><a href="#">Mission</a></li>
        <li><a href="#">History</a></li>
        <li><a href="#">Executive Team</a>
            <ul>
        <li><a href='#'>&raquo; CEO</a>
        <li><a href='#'>&raquo; CFO</a>
        <li><a href='#'>&raquo; COO</a>
        <li><a href='#'>&raquo; Other Minions</a>
        </ul>
    </li>
    <li><a href='#'>Contact Us</a></li>
  </ul>
    </div>

    <div id="content">
    <h1>About Us</h1>
    <ul>
    <p><li><a href="#">Mission</a> Lorem ipsum dolor sit amet, ultricies adipiscing lectus, pharetra mauris amet luctus, ac vitae pulvinar, aenean urna porttitor eu etiam eu non. Accumsan tortor sit ac integer. Ipsum occaecat ad ipsum vestibulum, pellentesque posuere, sit enim curabitur odio.</li>

       <li><a href="#">History</a> Ut at montesdui ullam orci, justo leo sem vitae sit quam, quis massa cras volutpat eget ac a.</li> 

       <li><a href="#">Executive team</a> Vitaeconvallis duis, dui adipiscing felis quam, laoreet nec non, lectus massa morbi et, amet nec in lacus urna.</li>

       <li><a href="#">Contact us</a> Proin enim venenatis diam nascetur odio, nullam dui nam mauris quisque dignissim, eleifend sed platea ut, risus temporibus ante eu, dui eros libero ultrices eget non. Iaculis mauris nulla phasellus vel, pede nunc et libero mauris ac, erat volutpat non netus sed risus sed, dignissim aenean sit curabitur.</li>
       </p>
       </ul>
    </div>
</body>
</html>

代码的问题不在于选择器，而在于注释

如果您使用的是原始CSS，则需要使用块注释，因为内联注释将导致错误，然后CSS的其余部分将无法处理。

文本装饰

之所以有效，是因为它出现在第一条内联注释之前

改变

//making sure there are no extra padding or margins lying around to line up with ABOUT US content

到

试试这个谢谢你，克里斯蒂安。真不敢相信我忽略了这一点。

//making sure there are no extra padding or margins lying around to line up with ABOUT US content

/* making sure there are no extra padding or margins lying around to line up with ABOUT US content */