List-Style-Type 和其他属性在更改为 Link 后不起作用

Question

您好，提前谢谢您！在遇到问题之前，我的网站运行良好。我更改了我的导航菜单，它是一个列表，在 header 中，从纯文本更改为链接，但现在它不起作用。我更改了与此导航菜单相关的 css 规则并添加了 "a"。现在有要点，链接如下（右上角有项目符号）：

q
- q
  - q

我的第一个列表项也是一张图片。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#container {
    width=100%
    height:auto;
}
header #menuNav ul li a{
    bottom 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 5.5em;
    font-weight: 600;
    text-transform: uppercase;
    color: #1d1e20;
    letter-spacing: 0.125em;
    text-decoration: none;
    text-align: center;
    float: left;
    display: list-item;
    margin-left: 2em;
    clear: none;
    margin-right: 2em;
    list-style-type: none;
    list-style-position: inside;
}
header #menuNav .logo img a{
    bottom 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 5.5em;
    font-weight: 600;
    text-transform: uppercase;
    color: #1d1e20;
    letter-spacing: 0.125em;
    text-decoration: none;
    text-align: center;
    float: left;
    display: list-item;
    margin-left: 2em;
    clear: none;
    margin-right: 2em;
    list-style-type: none;
    vertical-align: middle;
    list-style-position: inside;
}
header #menuNav ul li a:hover {
    opacity: 0.625;
}
header #menuNav .logo img a:hover {
    opacity: 0.625;
}
header #menuNav {
    width: 100%;
}
#contentGallery {
</style>
</head>
<body>
<div id="container">
<header>
   <nav id="menuNav">
   <ul>
    <li><a href="index.html"><span class="logo"><img src="images/Oculus_VR_Logo.png" alt="OculusLogo" width="142" height="68"></span></a></li>
    <li><a href="index.html">Home</a></li>
    <li><a href="About.html">About</a></li>
    <li><a href="Specifications.html">Specs</a></li>
    <li><a href="Gallery.html">Gallery</a></li>
    <li><a href="Contact-Us.html">Contact Us</a></li>
  </ul>
  </nav>
</header>
</div>
</body>
</html>

Answer 1

您需要为列表项设置样式，然后为这些列表项中的标签设置样式。这些是不同的标签，具有不同的样式属性。

header #menuNav ul li{list-style:none; ...styles for this tag}
header #menuNav ul li a{...styles for this tag}

List-Style-Type 和其他属性在更改为 Link 后不起作用

List-Style-Type and Other Properties Not Working after Changing to Link

html

css

dreamweaver