title: CSS selector if exist adjacent sibling
body: <p>I have the following (simplified) HTML structure</p>
  
  <pre><code>&lt;td&gt; 
      &lt;DIV class="t-numerictextbox"&gt;
          &lt;DIV class="t-formatted-value"&gt;$0.00&lt;/DIV&gt;
          &lt;INPUT id="MyObj_PropertyName class="t-input" name="MyObj.PropertyName"&gt;
      &lt;/DIV&gt;
      &lt;SPAN class="field-validation-error" data-valmsg-for="MyObj.PropertyName"&gt;blah blah&lt;/SPAN&gt; 
  &lt;/td&gt;
  </code></pre>
  
  <p>What I'd like to do is set the background color to the parent div.t-numerictextbox to be red IF the span element also exist. What is the css syntax to do this conditional select on an adjacent sibling? </p>
  
  <p>BTW, I need this has to work for IE 8.</p>
  
  <p>Background, if you're curious:</p>
  
  <p>I have an asp.net MVC application and am using the Telerik MVC NumericTextBox Control. When I have ModelState validation errors, the MVC framework automatically inserts a class="input-validation-error" attribute on the  element, and the stylesheet picks this class up to highlight the  element in red. However, it doesn't work for the Telerik MVC Control (I assume because Telerik's javascript overwrites this).</p>
  
  <p>Thanks!</p>