CSS ~ and +

I used to think that CSS is not how bad, today suddenly found ...

Cough.. Cough..

The following is a tested Oh ^_^

Of course not so comprehensive, welcome suggestions!

Ok

~ (not found in China)

Function: At the back of the same level

Like what:

1 <spanclass= "T">Top</span>2 <Div>3     <spanclass= "T">Inside</span>4 </Div>5 <spanclass= "T">Number 1th below.</span><BR/>6 <spanclass= "T">Number 2nd below.</span>

Now let's add a style to him: div~. t{color: red;}

So who's going to change? Yes, that's right: the bottom 1th and number 2nd are red.

+

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

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

Who changed?

The answer is, the wood has ... Because there is no element chain that conforms to this rule

Now, remove the <br/> from the HTML code

RUN!