Direct child selector (">") is ignored

[skrhlm]

When inlining CSS using a direct child selector all child elements are affected by the styling as if the ">" was not there.

example:

css:

.pad-t-12 > td {
    padding-top: 12px;
}

html:

<table>
    <tr class="pad-t-12">
        <td>
            <table>
                 <tr>
                     <td></td>
                 </tr>
            </table>
        </td>
    </tr>
</table>

results in:

<table>
    <tr>
        <td style="padding-top:12px;">
            <table>
                 <tr>
                      <td style="padding-top:12px;"></td>
                 </tr>
            </table>
        </td>
    </tr>
</table>

Desired behavior:

<table>
    <tr>
        <td style="padding-top:12px;">
            <table>
                 <tr>
                      <td></td>
                 </tr>
            </table>
        </td>
    </tr>
</table>