CSS - Syntax to select a class within an id

Question

What is the selector syntax to select a tag within an id via the class name   For example  what do I need to select below in order to make the inner  li  turn red    lt html gt   lt head gt       lt style type  text css  gt           navigation li                       color  green                      navigation li  navigationLevel2                       color  red                 lt  style gt   lt  head gt   lt body gt       lt ul id  navigation  gt           lt li gt Level 1 item              lt ul class  navigationLevel2  gt                   lt li gt Level 2 item lt  li gt               lt  ul gt           lt  li gt       lt  ul gt   lt  body gt   lt  html gt

User · Answer

Just needed to drill down to the last li        navigation li  navigationLevel2 li

User · Answer

navigationLevel2 li   color   aa0000

User · Answer

Here s two options   I prefer the navigationAlt option since it involves less work in the end    x000D   x000D   lt html gt  x000D   x000D   lt head gt  x000D     lt style type  text css  gt  x000D       navigation li   x000D        color  green  x000D        x000D       navigation li  navigationLevel2   x000D        color  red  x000D        x000D       navigationAlt   x000D        color  green  x000D        x000D       navigationAlt ul   x000D        color  red  x000D        x000D     lt  style gt  x000D   lt  head gt  x000D   x000D   lt body gt  x000D     lt ul id  navigation  gt  x000D       lt li gt Level 1 item x000D         lt ul gt  x000D           lt li class  navigationLevel2  gt Level 2 item lt  li gt  x000D         lt  ul gt  x000D       lt  li gt  x000D     lt  ul gt  x000D     lt ul id  navigationAlt  gt  x000D       lt li gt Level 1 item x000D         lt ul gt  x000D           lt li gt Level 2 item lt  li gt  x000D         lt  ul gt  x000D       lt  li gt  x000D     lt  ul gt  x000D   lt  body gt  x000D   x000D   lt  html gt  x000D   x000D   x000D

User · Answer

This will also work and you don t need the extra class    navigation li li      If you have a third level of LI s you may have to reset override some of the styles they will inherit from the above selector  You can target the third level like so    navigation li li li

User · Answer

navigation  navigationLevel2 li       color   f00

[css] CSS - Syntax to select a class within an id

Examples related to css

Examples related to css-selectors