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

徽章

您好,谢谢您!在出现问题之前,我的网站进展顺利。我将导航菜单(即列表和标题)从纯文本更改为链接,但现在不起作用。我更改了与此导航菜单相关的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>
塔默·杜根(Tamer Durgun)

您需要对列表项进行样式设置,然后在这些列表项中对标签进行样式设置。这些是不同的标签,并且具有不同的样式属性。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果将div的样式插入DOM后更改了样式,为什么过渡不起作用?

列表样式类型不起作用

html排序的列表属性“开始”和“类型”在外部CSS中不起作用

CKEditor嵌入了图像,视频,链接和许多其他在Modal中不起作用的东西

迁移到androidX后,协调器布局和其他一些布局不起作用

将项目入口点更改为公用文件夹后,样式和js不起作用

laravel更改域后不起作用链接

npm start和其他脚本不起作用

包含共享库,但其他链接器不起作用

up:第一个链接起作用,其他不起作用

输入类型文件的样式不起作用

其他单击后函数setTimeout不起作用

将AuthorizedKeysFile更改为默认值以外的其他任何方法均不起作用

Windows 8 / Ubuntu“其他安装类型”后,多重引导不起作用

我在Twitter引导程序中将样式更改为其他样式后,Nav Pills无效

超链接的“活动”样式不起作用?

对象,继承和列表属性不起作用

列表样式不起作用

滚动<ui>列表超链接后不起作用

“列表样式类型:无”在Outlook 2007中不起作用

将实时超链接更改为文本URL的代码不起作用

将内核更新到3.16后,蓝牙指示器和其他设置不起作用

绑定到样式属性不起作用

如果其他条件在Ajax和Jquery不起作用

按钮链接样式不起作用

在悬停更改其他元素的css属性不起作用时

路线和其他链接不起作用Laravel 5

Android Studio 2.1.1->快速修复不起作用(和其他蓝色链接)

从 onclick 更改为 onchange 不起作用

TOP 榜单

热门标签

归档