Selecting the second occurrence of a class with CSS?

Question

Given the following (dynamic) markup, I need to match the second occurrence of the class orange, regardless of how many divs have the class apple. ```

<--

``` Can it be done with CSS? Thanks.

Accepted Answer

You can use this with selectors level 3 to select those that aren't the first one :

```
.orange ~ .orange {
}
```

Demonstration

The best is to complete the style with a rule describing the other `.orange` elements :

```
.orange, .orange ~ .orange ~ .orange {
}
```

Demonstration

Selecting the second occurrence of a class with CSS?

Solution

Problem