Question

This is HTML.

<div class="container">
            <div> background of this i need in white </div>
            <div> background of this i need in red </div>
            <div> background of this i need in white </div>
            <div> background of this i need in red </div>
        </div>

I want to select alternate div without adding class or id .

Is it possible with CSS only (no Javascript) with IE 7 support

Answer 1

IE7 doesn’t support the selector you would require, which is :nth-child().

Generally you would use

.container div:nth-child(even) {
     background: red;
}

IE7 does not support it, unfortunately.

You will need to use JavaScript, or add a class to every odd or even row (perhaps using a server side language).