mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
00ea1f5521
* Update answers.css * Update answers.css adding comments in the answers.css for easy reference.
35 lines
494 B
CSS
35 lines
494 B
CSS
/* 1. Text Color: Red */
|
|
h2 {
|
|
color: red;
|
|
}
|
|
|
|
/* 2. Color Green (hint: Sibling Selector) */
|
|
h2 + div {
|
|
color: green;
|
|
}
|
|
|
|
/* 3. Border Green*/
|
|
.myList li {
|
|
border: 1px solid green;
|
|
}
|
|
|
|
/* 4. Background Green */
|
|
.myClass {
|
|
background: green;
|
|
}
|
|
|
|
/* 5. Background Green & Color White (Hint Qualified Selector) */
|
|
.myClass.otherClass {
|
|
color: white;
|
|
}
|
|
|
|
/* 6. Background Yellow */
|
|
#myId {
|
|
background: yellow;
|
|
}
|
|
|
|
/* Bonus: Border Pink*/
|
|
section > div:last-child {
|
|
border: 1px solid pink;
|
|
}
|