How can I write this in #SCSS without writing the >li again? I don't have a clue

question1.scss

// How can I write this in #SCSS without writing the > li for message--error again?
// like .message.message--error > li

.message {

  > li {
    background-color: green;
  }


  &.message--error {
    
    > li {
      background-color: red;
    }
  }
}

.message {
  > li {
    background-color: green;
    .message--error & {
      background-color: red;
    }
  }
}

.message {
  > li {
    background-color: green;
    .message--error & {
      background-color: red;
    }
  }
}

Unfortunately, this is not what I want.

Find a solution:

//.message > li {
//  background-color: green;
//}
//.message--error.message > li {
//  background-color: red;
//}


.message {
  > li {
    
    @at-root & {
      background-color: green;
    }
    
    @at-root .message--error#{&} {
      background-color: red;
    }
  }
}