1) for example HTML code:
and css rules:
1) ul li a {color:red;}
2) ul > li > a {color:blue;}
">" - symbol mean that that will be searching only child selector (parentTag > childTag)
so first css rule will apply to all links (first and second)
and second rule will apply anly to first link
2) As for efficiency - I think second will be more fast - as in case with JavaScript selectors. This rule read from right to left, this mean that when rule will parse by browser, it get all links on page:
- in first case it will find all parent elements for each link on page and filter all links where exist parent tags "ul" and "li"
- in second case it will check only parent node of link if it is "li" tag then -> check if parent tag of "li" is "ul"
some thing like this.
Hope I describe all properly for you