What issues are caused by setting cursor style in hover state

Putting the rule on an a:hover rule can cause unwanted behavior in some cases.
~Codecademy Lesson Link

What do they mean by that? what kinda issues are caused?

Hi there,

“Putting the rule (cursor styling) on an a:hover rule can cause unwanted behavior in some cases.”

So, the likely issue you’re to run into when putting styling (mostly custom stylings, like custom cursors) on a:hover is delay–possibly not even noticeable. As one rule loads in with the CSS and the other only loads when hovering.

The rule:

a {
  cursor: url(custom cursor);
}

Loads the custom cursor in with all CSS; therefore, it’s loaded in before hovering. With the rule:

a:hover {
  cursor: url(custom cursor);
}

The custom cursor is loaded only when hovering has taken place. There may not be too much of a difference visually, but there could possibly be delays in loading in a custom cursor when putting it on :hover instead of just the element itself.

Does that make sense?