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

> vs. Space

Consider the two scenarios div > span { } vs. div span { }

Here, the (space) selects all the all the elements inside

element even if they are nested inside more than one element. The > selects all the children of

element but if they are not inside another element.

---

Take a look at two examples:

> (Greater than):

div > span {
  color: #FFBA00 ;
}

  

    

      Hello...
      
Hello!
    

    World!
  

This one just selects the Hello... (because it's immediately after the nested div tag), and World! and it won't look for the inside

tag because it's not immediately after a div tag.

Space

div span {
  color: #0A0 ;
}

  

    

      Hello...
      
Hello!
    

    World!
  

This one selects all the span tags, even if they are nested inside other tags.

0 讨论(0)

查看其它5个回答

发布评论:

提交评论

---

•  加载中...