mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
css tweaks
This commit is contained in:
@@ -25,27 +25,29 @@
|
||||
/* Bonus */
|
||||
</pre>
|
||||
<pre data-lang="html">
|
||||
<!-- Without changing the below markup apply the styles asked for in the markup. Do not apply styles that a tag doesn't ask for -->
|
||||
|
||||
<section>
|
||||
<h2>1. Text Color: Red</h2>
|
||||
<div>2. Color Green (hint: Sibling Selector)</div>
|
||||
<main>
|
||||
<ul class="myList">
|
||||
<li>
|
||||
3. Border Green
|
||||
3. Border Green
|
||||
</li>
|
||||
</ul>
|
||||
<main>
|
||||
<div class="myClass">4. Background Green</div>
|
||||
<div class="myClass otherClass">
|
||||
5. Background Green & Color White
|
||||
(Hint Qualified Selector)
|
||||
<div class="myClass">4. Background Green</div>
|
||||
<div class="myClass otherClass">
|
||||
5. Background Green & Color White
|
||||
(Hint Qualified Selector)
|
||||
</div>
|
||||
<div id="myId" class="otherClass">6. Background Yellow</div>
|
||||
<div id="myId" class="otherClass">6. Background Yellow</div>
|
||||
</main>
|
||||
<ul>
|
||||
<li>
|
||||
Don't Style Me
|
||||
</li>
|
||||
</ul>
|
||||
<li>
|
||||
Don't Style Me
|
||||
</li>
|
||||
</ul>
|
||||
<div>Bonus: Border Pink</div>
|
||||
</section>
|
||||
</pre>
|
||||
|
||||
Reference in New Issue
Block a user