问题描述:
我试图使用样式自定义样式A HREF,命名为myStyle的:如何将自定义样式应用于<a>标记?
<a href="http://www.google.com">Red Hover</a>
<a class="myStyle" href="http://www.google.com">Blue Hover</a>
.myStyle {
a:hover {
color: blue;
}
}
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
http://jsfiddle.net/uzaG9/863/
所以Red Hover
应改为红色悬停 - 这工作 但“蓝哈弗”不改变悬停。
我使用这种风格在试图改变悬停:
.myStyle {
a:hover {
color: blue;
}
}
但我不认为这种格式是正确的? 如何将自定义样式应用于<a>
标签?
答
尝试:
a.myStyle:hover {
/* CSS here */
}
+0
正如答案所示,问题出在选择器上。这是一个很好的资源,对我更好地理解css选择器非常有帮助。 https://css-tricks.com/almanac/selectors/希望它有帮助 – jdkorv11
您需要在CSS的基础知识,阅读起来。你上面有什么是无效的。 – Shaggy