CSS ~ And +

I used to think css is not so powerful. Today I suddenly found out...

Cough .. Cough ..

Which of the following is tested? ^_^

Of course it is not so comprehensive. Please give your comments!

OK,

~ (W3c China not found)

Role:

For example:

1 <span class = "t"> top </span> 2 <div> 3 <span class = "t"> inside </span> 4 </div> 5 <span class = "t"> Number 1 </span> <br/> 6 <span class = "t"> Number 2 </span>

Now we add a style to him: div ~ . T {color: red ;}

So who will change? That's right. The numbers 1 and 2 are red.

+

Purpose: To be followed at the same level (must be followed)

If we change the style to. t ~ . T {color: red ;}

Who has changed?

The answer is, there is no element chain that meets this rule.

Now, remove <br/> from the html code.

RUN!