nt</custom-state>
    <p id="mySibling">First Sibling</p>
    <custom-state id="myCE2">Second Element</custom-state>
    <p id="mySibling2">Second Sibling</p>
    <style>
      :nth-child(1), :nth-child(2) {
        color: #f00;
      }
      :nth-child(2 of :state(--green)) {
        color: #0f0;
      }
      :nth-child(2 of :state(--green)) + p {
        color: #00f;
      }
    </style>
    <script>
    customElements.define('custom-state', class extends HTMLElement {
      connectedCallback() {
       