CSS Part 2

Descendant Selectors: Selects all elements inside another element (any level). It selects both direct child and nested child. <div> <p>This is paragraph 1</p> <section> <p>This is paragraph 2</p> </section> </div> div p { color: red; } Both paragraphs become red. Because both are inside `<div>`. Child Selectors: Selects only direct children. <div> <p>This is direct child</p> <section> <p>This is nested child</p> </section> </div> div > p { color: blue; } First paragraph alone -This is direct child, becomes blue. CSS Colors: Used to change text color. p{ color:red; } CSS Background: Used to style background of elements. Background Color: div { background-color: lightblue; } Background Image: div { background-image: url("image.jpg"); } Background Repeat: div { background-repeat: no-repeat; } Background Size: div { background-size: cover; } Background Position: div { background-positio