title: Can conditional CSS style be based on other CSS style?
body: <p>My checkboxes change label color when checked.  It's defined in my stylesheet like this:</p>
  
  <pre><code>:checked + label {color: white;}
  </code></pre>
  
  <p>However, some of my checkboxes have an outline style. </p>
  
  <pre><code>outline = "1px solid"
  </code></pre>
  
  <p>I want these outlined checkboxes to change to the color blue instead of white.</p>
  
  <pre><code>:checked (AND CHECKBOX HAS OUTLINE) + label {color: blue;}
  </code></pre>
  
  <p>Is there a way to do this in my stylesheet?</p>
  
  <p>PS:
  The outline was applied to specific checkboxes with a javascript function.</p>
  
  <pre><code>if (n !== -1) {
   document.getElementById(id).style.outline = "1px solid";}
  </code></pre>