033.2 CSS Selectors and Style Application (weight: 3) WEB-DEVELOPMENT-ESSENTIALS Practice Questions (Page 9)

Questions 41–45

1. 41application · medium

   A developer is styling a product list where each item has an <img> tag. Some images have an alt attribute, others do not. The requirement is to add a red border only to images that have an alt attribute, and the rule must override a generic img border rule defined earlier. Which selector should be used?

   • Aimg:not([alt]) { border: 2px solid red; }
   • Bimg { border: 2px solid red !important; }
   • Cimg[alt=''] { border: 2px solid red; }
   • Dimg[alt] { border: 2px solid red; }
   Reveal Solution Discussion Select an answer first
2. 42application · easy

   A developer wants to change the color of a button when the user presses it (active state) but not when it is merely hovered. Which pseudo-class should be used?

   • A:focus
   • B:active
   • C:hover
   • D:visited
   Reveal Solution Discussion Select an answer first
4. 43application · medium

   A developer wants to add a quotation mark before and after every blockquote element without changing the HTML. Which CSS rule correctly uses pseudo-elements?

   • Ablockquote:before { content: '"'; } blockquote:after { content: '"'; }
   • Bblockquote::before { content: '"'; } blockquote::after { content: '"'; }
   • Cblockquote::before { content: '"'; }
   • Dblockquote { content: '"'; }
   Reveal Solution Discussion Select an answer first
5. 44expert · hard

   A developer is debugging a CSS issue where an element's color is not what they expect. They have the following rules: #main p { color: red; } .content p { color: blue; } .content p:first-child { color: green; } The element is a <p> that is the first child of a div with class 'content' and id 'main'. Which color is applied?

   • AIt depends on source order.
   • BGreen
   • CBlue
   • DRed
   Reveal Solution Discussion Select an answer first
6. 45expert · medium

   A developer notices that a paragraph inside a div is not inheriting the color from the body as expected. The body has color: #333; and the div has color: initial;. What color will the paragraph have?

   • A#333
   • BBlack (or browser default)
   • CIt depends on the browser.
   • DThe paragraph will have no color.
   Reveal Solution Discussion Select an answer first