<分区>
我在主页中应用了 CSS,并在所有其他页面上应用了 CSS,其中导航栏是列表 <LI>… <UL>
.但是,我再也无法摆脱 <a href>
连同“鼠标悬停”。我不能再使用简单的 HTML href 链接(不是 <ul ...li>
!),独立于初始设置。我会自动获得与我主页 (CSS) 中的原始设置相同的颜色、形状和鼠标悬停。当我尝试将大图像链接到我绘画的较小样本图像(拇指指甲)时,这尤其令人讨厌。
我一直在网上寻找答案。我可以在许多论坛上看到我不是唯一一个;看来这是一个正在发生的问题。但是提供的建议不起作用(或者我不明白如何应用它们)。
我是 CSS 新手。我几年前学过一些 HTML。
<style>
ul
{
float:top;center;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:9em;
text-decoration:none;
color:Azure;
background-color:#000033;
padding:0.3em 0.7em;
border-right:1px solid white;
}
a:hover {background-color:#D4AF37;}
</style>
</head>
<body>
<ul>
</ul>
</td>
</tr>
<tr>
<td>
<style>
ul
{
float:top;right;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:9em;
text-decoration:none;
color:Azure;
background-color:#470647;
padding:0.3em 0.7em;
border-right:1px solid white;
}
a:hover {background-color:#D4AF37;}
</style>
</head>
<body>
<ul>
</ul>
</td>
</tr>
最佳答案
您好,当您为 ul
这样的标签定义这样的样式时,就会发生这种情况。 li
或 a
a {
color:blue;
}
该样式适用于 HTML 文档中的所有 a 标记,因此为避免此问题,您可以使用更具体的 CSS 样式。送给你的ul
菜单类名,如 <ul class="navbar">
然后你可以引用他的具体a
里面的标签:
.navbar a{
color:blue;
}
您可以在此处搜索更多关于像本文这样的 CSS 引用资料
http://css-tricks.com/little-css-stuff-newcomers-get-confused-about/
关于html - CSS - 摆脱初始设置列表导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19666138/