Here are the top CSS interview questions to prepare for your next role.
1️⃣ Which pseudo-class allows you to select elements based on a calculation of their index?
- A) :calc-child()
- B) :index-of()
- C) :nth-child()
- D) :child-at()
2️⃣ What element does the selector 'input[type="text" i]' target?
- A) Input fields with type='text', strictly enforcing lowercase.
- B) Input fields with type='text' that have initialized values.
- C) Input fields with type='text', ignoring case sensitivity.
- D) Input fields with type='text' that are currently invalid.
3️⃣ What is the interaction between unlayered styles and styles defined within a CSS Cascade Layer (@layer)?
- A) Unlayered styles always override layered styles.
- B) The style with higher specificity takes priority.
- C) Layered styles always override unlayered styles.
- D) The style defined last in the file takes priority.
4️⃣ What happens when the vertical margins of two adjacent sibling block elements touch each other?
- A) They add together, creating a space equal to the sum of both.
- B) The margin of the second element overrides the first element completely.
- C) They collapse into a single margin equal to the largest of the two.
- D) They are both ignored, and the elements touch effectively zero.
5️⃣ Which property determines how the background color or image extends into the border and padding areas?
- A) background-origin
- B) overflow-wrap
- C) background-clip
- D) box-sizing