CSS扩展相邻选择器

Question

Is there a selector similar to the adjacent selector that will select non-adjacent siblings?

like:

 .one ? .three { color:red; } 

 <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> 

instead of:

 .one + .two + .three { color: red; } 

 <div class="one">1</div> <div class="two">2</div> <div class="three">3</div> 

Answer 1

The selector you are looking for is the ~ selector, which will do the same as the + selector but won't mind what's on the middle.

This code should do the trick:

.one ~ .three {}

FYI: Recommended reading on this, this was really useful for me a few years ago.