1 reply

CSS nesting and pseudo elements

I don't know if I'm making a syntax goof somewhere, but I would have thought that

&::after {
  :hover > & {
    color: red;
  }
}

&::after {
  :hover > & {
    color: red;
  }
}

&::after {
  :hover > & {
    color: red;
  }
}

&::after {
  :hover > & {
    color: red;
  }
}

would be the same as

:hover > &::after {
  color: red;
}

:hover > &::after {
  color: red;
}

:hover > &::after {
  color: red;
}

:hover > &::after {
  color: red;
}

but, I am wrong.

Is there anyway of using

:hover

:hover

:hover

:hover selector inside of a

::after

::after

::after

::after style declaration, to target the

:hover

:hover

:hover

:hover state of the parent element?