CSS：悬停类和伪类

参考：

从上一个问题开始，我尝试设置输入标记的样式

我试过了

.as_link {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
.as_link:link {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
.as_link:visited {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
.as_link:hover {
    text-decoration: underline;
    background: #F4F0F0;
}

但是在某个地方读到，您不打算以这种方式为伪类选择元素，所以我尝试：

input.as_link {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
input.as_link:link {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
input.as_link:visited {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
}
input.as_link:hover {
    text-decoration: underline;
    background: #F4F0F0;
}

悬停时仍然没有骰子。标准确实生效，但悬停不起任何作用。我的问题是：

一般来说，分配伪类的规则是什么？不仅仅是在我上面的例子中，它们是只用于锚还是可以用于任何元素

提前谢谢

编辑：这不是IE的本地问题。这个问题也发生在Opera 9和FF3中

---

Edit2：我觉得这与hover需要链接和之前访问有关。如果浏览器周围没有锚定标记，那么浏览器似乎会忽略链接并访问？这纯粹是推测，但我想知道它是否有任何优点？

如果您正在寻找一般分配伪类的规则，此链接将帮助您：

---

如果您正在寻找一般分配伪类的规则，此链接将帮助您：

---

您可以对任何喜欢的元素使用伪选择器，遗憾的是，浏览器/用户代理是否解释或应用它们完全取决于它们

css伪选择器的详细回顾（我找不到一个专门限于伪选择器的）在：

简而言之，IE6是一个问题，除了链接之外，任何东西上的

：悬停

和

：活动

；IE 7播放效果稍好，但仅支持非链接上的

：active

---

就css2.1伪选择器而言，IE8似乎非常符合规范。

您可以对任何喜欢的元素使用伪选择器，遗憾的是，浏览器/用户代理是否解释或应用它们完全取决于它们

css伪选择器的详细回顾（我找不到一个专门限于伪选择器的）在：

简而言之，IE6是一个问题，除了链接之外，任何东西上的

：悬停

和

：活动

；IE 7播放效果稍好，但仅支持非链接上的

：active

就css2.1伪选择器而言，IE8似乎非常符合规范

不仅仅是在我上面的例子中，他们是吗 仅适用于锚点或您可以使用它们 有什么元素吗

不，CSS伪类用于向某些选择器添加特殊效果

伪类的语法：

selector:pseudo-class {property:value}

selector.class:pseudo-class {property:value}

CSS类也可以与伪类一起使用：

selector:pseudo-class {property:value}

selector.class:pseudo-class {property:value}

锚定伪类

链接可以在支持CSS的浏览器中以不同的方式显示：

a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */

伪类可以与CSS类组合使用：

a.red:visited {color:#FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

更多信息

不仅仅是在我上面的例子中，他们是吗 仅适用于锚点或您可以使用它们 有什么元素吗

不，CSS伪类用于向某些选择器添加特殊效果

伪类的语法：

selector:pseudo-class {property:value}

selector.class:pseudo-class {property:value}

CSS类也可以与伪类一起使用：

selector:pseudo-class {property:value}

selector.class:pseudo-class {property:value}

锚定伪类

链接可以在支持CSS的浏览器中以不同的方式显示：

a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */

伪类可以与CSS类组合使用：

a.red:visited {color:#FF0000}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

---

更多信息

我想我刚刚找到了答案

我的代码有缺陷

input.as_link:hover {
    text-decoration: underline;
    background: yellow;
}
input.as_link:focus {
    text-decoration: underline;
    background: yellow;
}
input.as_link:focus:hover {
    text-decoration: underline;
    background: yellow;
}

下划线不起作用，因为它不是“文本”，并且文本未高亮显示。可惜，我选择的背景色没有出现。。。我猜我打错了一个（或者和背景一样）。明亮的黄色起作用了

---

感谢所有回复的人

我想我刚刚找到了答案

我的代码有缺陷

input.as_link:hover {
    text-decoration: underline;
    background: yellow;
}
input.as_link:focus {
    text-decoration: underline;
    background: yellow;
}
input.as_link:focus:hover {
    text-decoration: underline;
    background: yellow;
}

下划线不起作用，因为它不是“文本”，并且文本未高亮显示。可惜，我选择的背景色没有出现。。。我猜我打错了一个（或者和背景一样）。明亮的黄色起作用了

---

感谢所有回复的人

多谢各位。我已经在查看他们的CSS文档了。真是太多了+谢谢你。我已经在查看他们的CSS文档了。真是太多了+谢谢你提供的好消息。可悲的是，我已经知道了其中的大部分，但是它并没有解释为什么我上面的例子不起作用，而是强调了它应该起作用的事实+1.信息：）谢谢你提供的好信息。可悲的是，我已经知道了其中的大部分，但是它并没有解释为什么我上面的例子不起作用，而是强调了它应该起作用的事实+1的信息：）这是我如何找到的。我会查看你的链接，看看它是否能解决我目前的问题。谢谢+1您是否有针对您的问题的演示页面链接？我可以看到你的css，但我不知道它是如何关联的，或者是如何在你的页面中显示/应用的…不幸的是没有。。。但我可以向您保证，鼠标悬停除了提交按钮看起来像纯文本外，什么也不做。示例：编辑|删除正是它们当前的外观。悬停时什么也没发生我就是这样发现的。我会查看你的链接，看看它是否能解决我目前的问题。谢谢+1您是否有针对您的问题的演示页面链接？我可以看到你的css，但我不知道它是如何关联的，或者是如何在你的页面中显示/应用的…不幸的是没有。。。但我可以向您保证，鼠标悬停除了提交按钮看起来像纯文本外，什么也不做。示例：编辑|删除正是它们当前的外观。悬停时什么也没发生。