CSS- Select only direct child(s)

#TBody > tr > td > div {
    float: left;
}
<table>
    <tbody id="TBody">
        <tr>
            <td>
                <img />
            </td>

            <td>
            </td>

            <td>
                <div> <!--This div will be selected-->
                    <img />
                </div>

                <div> <!--This div will be selected-->
                    <table class="inline-table">
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>

                <div> <!--This div will be selected-->
                    <div> <!--This div will not be selected-->
                        <div> <!--This div will not be selected-->
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s