css select element that is not folllowed by the same class

Asked May 22 '20 at 17:05

Active May 22 '20 at 17:17

Viewed 25 times

Need to select element that is not followed by the same class, last-of-type is not good because it selects only the last element, but I need to select all elements that are not followed by the same, here is the example:

<div class ="the_class"> A </div>
<div class ="the_class"> B </div>
<div class ="the_class"> C </div>
<div class ="other_class"> D </div>
<div class ="the_class"> E </div>
<div class ="the_class"> F </div>
<div class ="the_class"> G </div>

I need to select C, and G.

edited May 22 '20 at 17:15

asked May 22 '20 at 17:05

Botond Vajna

1,295
1
10
22

3

You can't do that at the current css specs – vals May 22 '20 at 17:07
the class name is known, just that the next element must have different class – Botond Vajna May 22 '20 at 17:11
no it selects the other class – Botond Vajna May 22 '20 at 17:17
Turnip answer is fine. @Botond: When the class name is unknown, then it's not a robust way. What do you want to do? https://jsfiddle.net/krocon/sgxqnd23/ – Marc May 22 '20 at 17:19
@Marc no the OP wants to select the class before the change, it's not possible currently with css – Huangism May 22 '20 at 17:25
If you don't mind the HTML being reversed, there is one way... https://jsfiddle.net/L93xd0bp/1/ . Not ideal. – Turnip May 22 '20 at 17:31

css select element that is not folllowed by the same class

0 Answers0