was uing html popover API and nested css declaration with anchor positioning.

my requirement is when popover is open; how apply some style to the element which have popover attribute, denote as popover parent element

currently when we hover on this parent element, it rotate and I want that when popover is open, parent element should be keep on same position and also we should not be able to interact with that, currently even backdrop is there, we can still hover on it.

tried ::popover-open but unable to underatnd where to write what in nested css pattern

here is the sample code

.container__setting {
  container: setting/inline-size;
  .setting__trigger {
    anchor-name: --setting;
    position: fixed;
    top: 82px;
    right: 32px;
    width: max-content;
    height: auto;
    border-radius: 10%;
    background-color: unset;
    border: solid;
    cursor: pointer;
    display: flex;
    font-size: 4rem;
    transition: transform 330ms ease-in-out;
    &::after {
      content: '

                                发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744913155a4600673.html