Using all 3 CSS selectors at once

programming web dev
1

It seems like I can’t trigger the hover state when my CSS is too complicated. What is the correct way to write all 3 CSS selectors in one definition?


/* works */
#id.class {
   opacity: 0.5;
}

/* doesn't work */
#id.class:hover {
   opacity: 1.0;
}