title: How to change 2 different Bootstrap Modals' background colors?
body: <p>When a Bootstrap modal is created, .modal-backdrop is added to the end of the HTML to create the background color. I can switch the color manually by just changing that class's color, however I'd like to switch the color of that class depending on which of the 2 modals have been triggered.</p>
  
  <p>I'm currently using a sibling selector to try and differentiate which color I'd like, but regardless of which modal is called it now shows #000. </p>
  
  <p>CSS:</p>
  
  <pre><code>.modal-backdrop {
    background-color: #fff;
  }
  .card-modal ~ .modal-backdrop {
    background-color: #000;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/46azn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/46azn.png" alt="enter image description here"></a></p>