作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试设计我的 <a>
通过 CSS
标记但它们没有改变。
HTML
<div id="menu">
<ul>
<li><a href="#">Bugs</a></li>
</ul>
</div>
CSS
a.active, a.link, a.visited {
color: black;
text-decoration: none;
}
a.hover {
color: black;
text-decoration: underline;
font-style: italic;
}
不确定为什么 CSS 不起作用。外部样式表适用于整个页面中使用的其他标签(IE:<h1>
的样式正确,它们位于同一个 .css
文件中)
最佳答案
In addition, links can be styled differently depending on what state they are in.
四种链接状态是:
- a:link - a normal, unvisited link
- a:visited - a link the user has visited
- a:hover - a link when the user mouses over it
- a:active - a link the moment it is clicked
参见下面的示例:
/* unvisited link */
a:link {
color: blue;
}
/* visited link */
a:visited {
color: aquamarine;
}
/* mouse over link */
a:hover {
color: green;
}
/* selected link */
a:active {
color: red;
}
<a href="#a">This is a link</a>
在为多个链接状态设置样式时,有一些顺序规则:
- a:hover MUST come after a:link
- and a:visited a:active MUST come after a:hover
关于CSS 不是样式 <a>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31086049/
我是一名优秀的程序员,十分优秀!