Html 列表样式类型和其他属性在更改为“链接”后不起作用_Html_Css_Dreamweaver

Html 列表样式类型和其他属性在更改为“链接”后不起作用

html css

Html 列表样式类型和其他属性在更改为“链接”后不起作用,html,css,dreamweaver,Html,Css,Dreamweaver,你好，提前谢谢你！在我遇到问题之前，我的网站一直运作良好。我更改了导航菜单，它是一个列表，在标题中，从纯文本到链接，但现在它不起作用。我更改了与此导航菜单相关的css规则，并在其中添加了“a”。现在有了要点，链接如下（右上角有项目符号）： q q q 我的第一个列表项也是图像 <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css">

你好，提前谢谢你！在我遇到问题之前，我的网站一直运作良好。我更改了导航菜单，它是一个列表，在标题中，从纯文本到链接，但现在它不起作用。我更改了与此导航菜单相关的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>


#容器{
宽度=100%
高度：自动；
}
标题#Menuna ul li a{
底部0px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：0.75em；
线高：5.5em；
字号：600；
文本转换：大写；
颜色：#1d1e20；
字母间距：0.125em；
文字装饰：无；
文本对齐：居中；
浮动：左；
显示：列表项；
左边距：2米；
明确：无；
右边距：2米；
列表样式类型：无；
列表样式位置：内部；
}
标题#Menuna.标志img a{
底部0px；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：0.75em；
线高：5.5em；
字号：600；
文本转换：大写；
颜色：#1d1e20；
字母间距：0.125em；
文字装饰：无；
文本对齐：居中；
浮动：左；
显示：列表项；
左边距：2米；
明确：无；
右边距：2米；
列表样式类型：无；
垂直对齐：中间对齐；
列表样式位置：内部；
}
标题#Menuna ul li a:悬停{
不透明度：0.625；
}
标题#Menuna.徽标图像a:悬停{
不透明度：0.625；
}
标题#Menuna{
宽度：100%；
}
#内容库{

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

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