Web Development — Test 2

Correct Answer: A. :hover is a pseudo-class (a state); ::before is a pseudo-element (generated content)
Explanation: ::before requires the content property to render anything.

Correct Answer: B. The rule that appears later in the cascade (source order)
Explanation: Source order breaks ties only when the origin, importance, and specificity are all equal.

Correct Answer: A. border
Explanation: Text-related properties usually inherit. Box properties such as border, margin, and padding do not.

Correct Answer: A. 100% of the viewport's height
Explanation: On mobile, 100vh can be taller than the visible area. The dvh unit addresses this.

Correct Answer: D. A transition animates between two states when a property changes; an animation runs keyframes that can loop without any trigger
Explanation: For example: transition: color 0.3s, compared with @keyframes spin { ... }.

Correct Answer: D. CSS preprocessors that add variables, nesting, and mixins, and compile to plain CSS
Explanation: Native CSS now has custom properties (--var) and nesting as well.

Correct Answer: B. 12
Explanation: For example, col-md-6 spans half the row.

Correct Answer: C. true and false
Explanation: Loose equality treats null and undefined as equal to each other only. Strict equality also compares types. ALSO KNOW (related points): • What does [] + {} evaluate to in JavaScript? → "[object Object]" • What does "b" + "a" + +"a" + "a" evaluate to? → "baNaNa"

Correct Answer: B. [1, 10, 2]
Explanation: With no comparator, sort compares elements as strings. Use .sort((a, b) => a - b) for numbers. ALSO KNOW (related points): • With let arr = [1, 2, 3]; arr[10] = 5;, what is arr.length? → 11 • What does document.querySelectorAll('.temp') return? → A static NodeList of all the matching elements

Correct Answer: C. undefined
Explanation: var declarations are hoisted and initialized to undefined. With let or const, accessing x first throws a ReferenceError (the temporal dead zone). ALSO KNOW (related points): • In which phase do event listeners run by default with addEventListener? → The bubbling phase • What is 'event delegation'? → Attaching one listener to a parent element and handling events from its children through bubbling, using event.target