html ul li a i,CSS selectors ul li a {...} vs ul > li > a {...} - Stack Overflow

1) for example HTML code:

• firstlink

  second link</a>

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