How to set hover for li when hover is triggered for a?

Question

css

Hello guys! Not enough knowledge, Google did not help.
How to hover the li attribute when the hover of the A attribute is triggered?

That is, an example:

#id > ul > li.class:hover {
    color:red
}
#id > ul > li.class > a:hover{
  color:red
}

Answer 1

According to your code, the color is the same, you can just call hover li:

#id > ul > li:hover {
    color:red
}