What does "~" mean in CSS?

Question

Recently I've found these selectors:

i ~ i{
    width: 40%;
    }

i ~ i ~ i{
    width: 60%;
    }

Wonder what "~" stands for?

For better understand read this article. http://css-tricks.com/child-and-sibling-selectors/ — Suresh Ponnukalai, Jul 07 '14 at 06:56

score 0 · Answer 1 · answered Jul 07 '14 at 06:54

0

E ~ F   an F element preceded by an E element

answered Jul 07 '14 at 06:54

Kawinesh S K

score 0 · Answer 2 · answered Jul 07 '14 at 06:54

0

E ~ F means an F element preceded by an E element

answered Jul 07 '14 at 06:54

Mohit S

2 Answers2