Apply CSS rules to a nested class inside a div

Question

I don   t know exactly how to apply CSS to a nested element  Here is my example code  but I   m looking for a manual that explains all the rules    lt div id  content  gt     lt div id  main text  gt       lt h2 class  title  gt  lt  h2 gt     lt  div gt   lt  div gt    How can I apply CSS to only the class title  nested inside that particular div

User · Accepted Answer

You use    main text  title        Properties        If you just put a space between the selectors  styles will apply to all children  and children of children  of the first  So in this case  any child element of  main text with the class name title  If you use  gt  instead of a space  it will only select the direct child of the element  and not children of children  e g     main text  gt   title        Properties        Either will work in this case  but the first is more typically used

User · Answer

If you need to target multiple classes use    main text  title   main text  title2        Properties

User · Answer

Use Css Selector for this  or learn more about Css Selector just go here https   www w3schools com cssref css selectors asp    main text  gt   title        Style goes here        main text  title        Style goes here

[html] Apply CSS rules to a nested class inside a div

Examples related to html

Examples related to css