What is the difference between '>' and a space in CSS selectors?

Question

What\'s the point using this syntax

div.card > div.name

What\'s the difference between this

div.card div.name
         


        

Answer 1

A > B selects B if it's a direct children of A, whereas A B selects B whether it is a direct children of B or not.

 USING SPACE 




  a
  

   a b
  


  
     a b c
  





 USING GREATER THAN SIGN




  x
  

   x y
  


  
     x y z