, STUVIA EXAM LIBRARY
EXAMINATION DOCUMENT 2026/2027
D276 Web Development Foundations Exam 3 2026/2027 - CSS Fundamentals
Styling Layout Review - 210 Q&A; - A+ Graded - Latest Update This Year - Just
Released - Verified Solutions - Pass Guaranteed
A+ VERIFIED | WGU D276
WGU Objective Assessment Prep
HTML, CSS & JavaScript
, TABLE OF CONTENTS - D276 Exam 3 CSS
Fundamentals Unique 2026 Edition
1. Cover & Examination Authentication - Page 1-2
2. D276 Domain Introduction & CSS Role in Web Foundations - Page 3-5
3. Module A - CSS Syntax Rulesets Declarations Comments At-Rules - Q1-Q25 - Page 6-18
4. Module B - Selectors Types Universal Type Class ID Attribute - Q26-Q45 - Page 19-32
5. Module C - Combinators Descendant Child Sibling & Pseudo-Classes - Q46-Q60 - Page 33-44
6. Module D - Pseudo-Elements Specificity Calculations Cascade Layers - Q61-Q75 - Page 45-58
7. Module E - CSS Colors HEX RGB HSL CurrentColor Opacity - Q76-Q95 - Page 59-72
8. Module F - Units Absolute px pt vs Relative em rem vw vh % - Q96-Q115 - Page 73-86
9. Module G - Box Model Content Padding Border Margin Formula - Q116-Q140 - Page 87-99
10. Module H - Box-Sizing Border-Box vs Content-Box Margin Collapse - Q141-Q165 - Page 100-116
11. Module I - Fonts Web Safe Stacks Google Fonts Variable Fonts - Q166-Q185 - Page 117-129
12. Module J - Text Properties line-height letter-spacing text-overflow - Q186-Q200 - Page 130-142
13. Module K - Backgrounds Images Gradients Multiple Layers Clip Origin - Q201-Q210 - Page 143-152
14. Answer Key Master Cross Reference & Exam Strategy - Page 153-155
, SECTION: CSS Syntax, Selectors, Specificity - Questions 1 to 35
Q1. [WGU D276-CSS] Selector Analysis Q1: Using 'h1, h2, h3/*Q1*/' in stylesheet linked to HTML
with , , . Which elements are matched and what is specificity score calculated as (a,b,c)
IDs-classes-types?
A. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
B. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
C. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
D. Rule invalid and ignored due to dot notation before active class.
Correct Answer: C
Rationale (Verified Solution): Correct is C because Matches .item.active inside #nav with descendant context; specificity is
(1,2,0) or (1,2,1) if type included; 1 ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID. This aligns
with CSS Syntax Module and WGU D276 objective on styling and layout review. Alternative options are distractor traps: they
confuse specificity weighting (ID=100 vs class=10), misinterpret rgba vs hex alpha, ignore that margin is outside and
transparent while padding holds background, or treat cover as stretched. Understanding ensures accessible responsive
design, maintainable stylesheets without !important overuse, and accurate box model math required to pass OA confidently on
first attempt in 2026/2027.
Q2. [WGU D276-CSS] Selector Analysis Q2: Using 'section[data-theme='dark']
.title::first-line/*Q2*/' in stylesheet linked to HTML with , , . Which elements are matched and what
is specificity score calculated as (a,b,c) IDs-classes-types?
A. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
B. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
C. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
D. Rule invalid and ignored due to dot notation before active class.
Correct Answer: C
Rationale (Verified Solution): Correct is C because Matches .item.active inside #nav with descendant context; specificity is
(1,2,0) or (1,2,1) if type included; 1 ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID. This aligns
with CSS Syntax Module and WGU D276 objective on styling and layout review. Alternative options are distractor traps: they
confuse specificity weighting (ID=100 vs class=10), misinterpret rgba vs hex alpha, ignore that margin is outside and
transparent while padding holds background, or treat cover as stretched. Understanding ensures accessible responsive
design, maintainable stylesheets without !important overuse, and accurate box model math required to pass OA confidently on
first attempt in 2026/2027.
Q3. [WGU D276-CSS] Selector Analysis Q3: Using 'h1, h2, h3/*Q3*/' in stylesheet linked to HTML
with , , . Which elements are matched and what is specificity score calculated as (a,b,c)
IDs-classes-types?
A. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
B. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
C. Rule invalid and ignored due to dot notation before active class.
D. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
Correct Answer: D
EXAMINATION DOCUMENT 2026/2027
D276 Web Development Foundations Exam 3 2026/2027 - CSS Fundamentals
Styling Layout Review - 210 Q&A; - A+ Graded - Latest Update This Year - Just
Released - Verified Solutions - Pass Guaranteed
A+ VERIFIED | WGU D276
WGU Objective Assessment Prep
HTML, CSS & JavaScript
, TABLE OF CONTENTS - D276 Exam 3 CSS
Fundamentals Unique 2026 Edition
1. Cover & Examination Authentication - Page 1-2
2. D276 Domain Introduction & CSS Role in Web Foundations - Page 3-5
3. Module A - CSS Syntax Rulesets Declarations Comments At-Rules - Q1-Q25 - Page 6-18
4. Module B - Selectors Types Universal Type Class ID Attribute - Q26-Q45 - Page 19-32
5. Module C - Combinators Descendant Child Sibling & Pseudo-Classes - Q46-Q60 - Page 33-44
6. Module D - Pseudo-Elements Specificity Calculations Cascade Layers - Q61-Q75 - Page 45-58
7. Module E - CSS Colors HEX RGB HSL CurrentColor Opacity - Q76-Q95 - Page 59-72
8. Module F - Units Absolute px pt vs Relative em rem vw vh % - Q96-Q115 - Page 73-86
9. Module G - Box Model Content Padding Border Margin Formula - Q116-Q140 - Page 87-99
10. Module H - Box-Sizing Border-Box vs Content-Box Margin Collapse - Q141-Q165 - Page 100-116
11. Module I - Fonts Web Safe Stacks Google Fonts Variable Fonts - Q166-Q185 - Page 117-129
12. Module J - Text Properties line-height letter-spacing text-overflow - Q186-Q200 - Page 130-142
13. Module K - Backgrounds Images Gradients Multiple Layers Clip Origin - Q201-Q210 - Page 143-152
14. Answer Key Master Cross Reference & Exam Strategy - Page 153-155
, SECTION: CSS Syntax, Selectors, Specificity - Questions 1 to 35
Q1. [WGU D276-CSS] Selector Analysis Q1: Using 'h1, h2, h3/*Q1*/' in stylesheet linked to HTML
with , , . Which elements are matched and what is specificity score calculated as (a,b,c)
IDs-classes-types?
A. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
B. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
C. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
D. Rule invalid and ignored due to dot notation before active class.
Correct Answer: C
Rationale (Verified Solution): Correct is C because Matches .item.active inside #nav with descendant context; specificity is
(1,2,0) or (1,2,1) if type included; 1 ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID. This aligns
with CSS Syntax Module and WGU D276 objective on styling and layout review. Alternative options are distractor traps: they
confuse specificity weighting (ID=100 vs class=10), misinterpret rgba vs hex alpha, ignore that margin is outside and
transparent while padding holds background, or treat cover as stretched. Understanding ensures accessible responsive
design, maintainable stylesheets without !important overuse, and accurate box model math required to pass OA confidently on
first attempt in 2026/2027.
Q2. [WGU D276-CSS] Selector Analysis Q2: Using 'section[data-theme='dark']
.title::first-line/*Q2*/' in stylesheet linked to HTML with , , . Which elements are matched and what
is specificity score calculated as (a,b,c) IDs-classes-types?
A. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
B. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
C. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
D. Rule invalid and ignored due to dot notation before active class.
Correct Answer: C
Rationale (Verified Solution): Correct is C because Matches .item.active inside #nav with descendant context; specificity is
(1,2,0) or (1,2,1) if type included; 1 ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID. This aligns
with CSS Syntax Module and WGU D276 objective on styling and layout review. Alternative options are distractor traps: they
confuse specificity weighting (ID=100 vs class=10), misinterpret rgba vs hex alpha, ignore that margin is outside and
transparent while padding holds background, or treat cover as stretched. Understanding ensures accessible responsive
design, maintainable stylesheets without !important overuse, and accurate box model math required to pass OA confidently on
first attempt in 2026/2027.
Q3. [WGU D276-CSS] Selector Analysis Q3: Using 'h1, h2, h3/*Q3*/' in stylesheet linked to HTML
with , , . Which elements are matched and what is specificity score calculated as (a,b,c)
IDs-classes-types?
A. Targets only #nav itself with (1,0,0) due to missing combinator understanding.
B. Matches all .item regardless of parent with (0,1,0) ignoring ID; misinterprets descendant.
C. Rule invalid and ignored due to dot notation before active class.
D. Matches .item.active inside #nav with descendant context; specificity is (1,2,0) or (1,2,1) if type included; 1
ID worth 100, 2 classes/pseudo-classes worth 20, wins over (0,2,0) without ID.
Correct Answer: D
