mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
Updated answers.css with problem details for easy reference (#129)
* Update answers.css * Update answers.css adding comments in the answers.css for easy reference.
This commit is contained in:
committed by
Micah Godbolt
parent
7ad04d27ef
commit
00ea1f5521
@@ -1,27 +1,34 @@
|
|||||||
|
/* 1. Text Color: Red */
|
||||||
h2 {
|
h2 {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 2. Color Green (hint: Sibling Selector) */
|
||||||
h2 + div {
|
h2 + div {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 3. Border Green*/
|
||||||
.myList li {
|
.myList li {
|
||||||
border: 1px solid green;
|
border: 1px solid green;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 4. Background Green */
|
||||||
.myClass {
|
.myClass {
|
||||||
background: green;
|
background: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
#myId {
|
/* 5. Background Green & Color White (Hint Qualified Selector) */
|
||||||
background: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.myClass.otherClass {
|
.myClass.otherClass {
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 6. Background Yellow */
|
||||||
|
#myId {
|
||||||
|
background: yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bonus: Border Pink*/
|
||||||
section > div:last-child {
|
section > div:last-child {
|
||||||
border: 1px solid pink;
|
border: 1px solid pink;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user