Advance HTML &CSS Quiz (special selectors, DRY),

What does the CSS selector div > p do?

• Selects all <p> elements inside <div>, no matter how deep

• Selects only <p> elements that are direct children of <div

• Selects only the first <p> element after <div>

• Selects only <p> elements inside <div> with a specific class

Which CSS selector would apply a style to all <p> elements inside a <div>, no matter how deep?

• div > p

• div p

• div + p

• p > div

What is the difference between div > p and div p?

• div > p selects all <p> elements inside <div>, while div p selects only direct children

• div > p and div p do the same thing

• div > p applies styles to <p> elements before <div>, while div p applies styles to <p> elements after <div>

• div > p selects direct children, while div p selects all <p> elements inside <div>

What does h1 + p do?

• Selects all <p> elements that come after <h1>

• Selects the first <h1> on the page and applies styles to all <p> elements

• Selects only the <p> element that comes immediately after <h1>

• Selects <p> elements that are inside <h1>

 Which CSS selector would apply a style to all <p> elements that come after an <h1>, even if other elements are between them?

• h1 ~ p

• h1 + p

• h1 > p

• p ~ h1

Which selector should you use if you want to style multiple elements the same way at once?

• h1 p

• h1 > p

• h1, p

• h1 + p

If you want to apply styles to all elements inside <div> but not the <div> itself, which selector should you use?

• div > *

• div *

• * div

• div + *

Which of the following selects all p tags with the class alert and makes them red?

• p.alert { color: red; }

• p { .alert { color:red; } }

• .alert p{ color: red; }

• p alert{ color: red; }

How can I select all h1 tags that are immediate children of div tags?

• div h1 { ... }

• div > h1 { ... }

• div { h1 { ... } }

• .h1 div { ... }

What is the reasoning behind the Don’t Repeat Yourself principle?

• It helps you stay under the HTML file character limit

• Repeated code makes it harder to read and edit

• HTML files with repeated code will take a very long time to load

• 
  

  It makes a more clean and organized website for the user