What's the different between those css selectors? : <pre><code>element element     div p   Selects all &lt;p&gt; elements inside &lt;div&gt; elements  1
element&gt;element     div &gt; p     Selects all &lt;p&gt; elements where the parent is a &lt;div&gt; element    2
element+element     div + p     Selects all &lt;p&gt; elements that are placed immediately after &lt;div&gt; elements   2
element1~element2   p ~ ul  Selects every &lt;ul&gt; element that are preceded by a &lt;p&gt; element
</code></pre>

<p>When I see the course of w3schools, it explain those four selectors by that, but I am very confusing for the explain especially the first term and the second term, it looks like the same thing, anybody can give simple examples to explain what's different for those four selectors?</p>
