Yahoo Mail applying the media queries CSS to desktop? This really goes too far

This fix might not be needed at the time you read this but I found it in my developer notes and it saved me years of trouble using it for at least 6 years of email development.

For whatever reason Yahoo Mail applies the responsive CSS to desktop. It's rather weird but it's happening. The fix involved using CSS pseudo selectors, more exactly attribute selectors, in this case we will be using body[yahoo].

<style>
   @media only screen and (max-device-width: 599px) {
      body[yahoo] .inner {color:#00C}
    }
</style>

<body yahoo="fix">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="outer">
  <tbody>
    <tr>
      <td class="inner">your superb copy here</td>
    </tr>
  </tbody>
</table>

</body>

Another way, even easier to do the same thing is coding your media queries CSS like this (note the way I coded the class [class="inner"] selector):  

.outer[class="inner"] {

        color:#00C

  }

Happy email coding! Your email developer friend, the email snob.