Is it normal that
$("#foo a:hover")
does not select anything?
I can't use hover cause I need this selector to do that :
$("#foo a:hover").css("color", mycolor);
So I wonder if something like
$("#foo").css("a:hover color", mycolor);
exist?
Et What about visited (pseudo class)?
Yes, that is completely normal. jQuery doesn't have a :hover pseudo class.
You can use the hover method to bind two event handlers that add and remove the style:
$("#foo a").hover(function(){
$(this).css("color", mycolor);
},function(){
$(this).css("color", "");
});
Edited:
$("#foo a").hover(function(){
$(this).css('color','mycolor');
});
When nothing is currently hovered, yes. Something would need to concurrently be in the hover state.
Yes, refer to the jQuery selector documentation for a list of valid selectors.
Instead you should be using the jquery .hover() with $("#foo a")
Yes because that selector will have fired BEFORE you hover anything. For example, if you were to just do:
$('#foo')
And then later on in the script append() foo it will not select anything because it didn't exist.
If you DO want to do something on hover you can do .hover(function(){},function(){})
You're selecting the tag while it's in a psudo-state of being hovered (":hover" is a pseudo-class), so you would need to hover over your tag and run that script at the same time in order to successfully select the element.
