Tag: 伪类

如何通过Javascript访问元素的焦点/hover/访问CSS属性？

我现在可能很累并且很奇怪，但我根本找不到如何检索元素的聚焦，hover或访问状态中定义的CSS属性的值。 目标是使用Javascript中的值。 重要提示 ：我不需要获得聚焦/hover/访问过的元素 。 我想访问DOM 中任何元素的某些值，并为以下状态定义CSS属性 :focus ， :hover和:visited 。 在这种情况下，这些伪类似乎没有帮助，所以我是否需要触发相应的状态才能访问这些值？ 它应该比这简单……或者不是吗？ PS：素食Javascript或jQuery的答案会做。

使用jQuery的CSS伪类

我刚刚学会了一点jQuery，并试图将它用于简单的变色效果。 假设我有两个<div > s，＃foo和#bar。 #foo有很多URL，并定义了以下CSS： #foo a {color: blue; border-bottom: 1px dashed blue} #foo a:hover {color: black; border-bottom: 1px solid black} 现在我想在用户单击#bar时更改#foo中链接的颜色（a：link），但保持a：hover颜色不变，所以我写这样的函数： //https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/… $(“#bar”).click(function () { $(“#foo a”).css(“color”, “red”); }); //https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/… 问题是，虽然此function确实将所有链接更改为红色，但是a：hover颜色会丢失，即当用户将光标移动到链接时，它们将保持红色，而不是像我预期的那样变黑。 因为我看到jQuery的作用是在#foo中为 s设置内联样式，使它们成为<a style="color:red;" href="https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/…" <a style="color:red;" href="https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/…" >，我想这会覆盖：hover伪类。 由于伪类的内联样式attr还没有被任何人实现，我怀疑我是否可以获得我想要的效果https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/…https://stackoverflow.com/questions/486159/css-pseudo-classes-with-jquery/… 还有，是否有任何解决方案不需要我写类似的东西 $(“#foo a”).hover( function(){ $(this).css(“color”, “black”);}, function(){ $(this).css(“color”, “blue”);} ) ？ 谢谢。