【问题标题】:list-style not removing bullet points列表样式不删除项目符号
【发布时间】:2022-01-19 20:09:16
【问题描述】:

我有一个 5 里的 ul 和我正在尝试创建导航栏的链接。我对 HTML 和 CSS 非常陌生,但在以前的模拟项目中完成了这项工作,没有任何问题。但是由于某种原因,现在我已经切换到 atom 我无法让它工作并且不明白为什么。如果在我键入 list-style 或 list-style-type 时它有帮助,则代码的颜色不会改变,就像我要编码 color: red;在同一部分,红色会改变颜色。列表样式:无;保持灰色。有人看到我可能做错了什么吗?有没有我遗漏的步骤?

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Fitness Website</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">Contact</a></li>
  <li><a href="#">Login</a></li>
  <li><a href="#">Signup</a></li>
  <li><a href="#">Cart</a></li>
  <li><a href="#">Become an Instructor</a></li>
</ul>

style.css

* {
  margin: 0;
  padding: 0;
}

ul {

}

ul li {
list-style: none;
}

ul li a {}

【问题讨论】:

  • 列表样式类型:无
  • 似乎浏览器正在正确解析 CSS。 jsfiddle.net/kameronmayers/znfe9dc1/1
  • 感谢@Kameron 的帮助,如果您好奇的话,我实际上发现了我在帖子中回答的问题。再次感谢!

标签: html css list html-lists sidebarliststyle


【解决方案1】:

所以我发现在尝试将 style.css 选项卡拆分到右侧时,我删除了原始文件,这不允许我正在编码的 style.css 表进行任何更改。我复制了所有代码,转移到一个新项目,然后繁荣。很高兴。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-12
    • 1970-01-01
    • 1970-01-01
    • 2018-12-11
    • 1970-01-01
    • 2020-04-25
    • 1970-01-01
    • 2013-06-07
    相关资源
    最近更新 更多