What is the difference between these two methods of css?

Question

#nav li a{
  ..
}

and

#nav>li>a{
  ..
}

Please help me. I think both are same don't work same.

http://stackoverflow.com/questions/4459821/css-selector-what-is-it?noredirect=1&lq=1 , http://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css-selector-mean , http://stackoverflow.com/questions/8787134/when-to-use-sign-in-css?noredirect=1&lq=1 , http://stackoverflow.com/questions/9487483/what-does-mean-in-css?noredirect=1&lq=1 — user2864740, Oct 23 '16 at 06:58
The thing I understand from your first comment is that with ">" we can access only the items with in the class not the items of other class. But without ">" sign we can access all the items of that class and also the items of the class within the previous class. Am I right? — Arslan, Oct 23 '16 at 07:02
Example: `a c` matches c in `..`. `a > c` does *not* match because c is *not* a direct child of a. `a > c` will match `..`. — user2864740, Oct 23 '16 at 07:05

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

2

nav li a{

.. }

-- at any depth of parent-child relation and

.. }

-- at first level of parent-child relation

edited Jun 20 '20 at 09:12

Community

answered Oct 23 '16 at 07:17

Ghost Developer