Change solutions for third and fourth elements
Third and fourth elements share the same declaration for font-size.
This commit is contained in:
parent
3410acf607
commit
4634b5f763
|
@ -3,7 +3,7 @@
|
||||||
font-family: Verdana, "DejaVu Sans", sans-serif;
|
font-family: Verdana, "DejaVu Sans", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.oddly-cool {
|
.adjust-font-size {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -14,6 +14,5 @@
|
||||||
|
|
||||||
#four {
|
#four {
|
||||||
background-color: hsl(120, 100%, 75%);
|
background-color: hsl(120, 100%, 75%);
|
||||||
font-size: 24px;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,8 +10,8 @@
|
||||||
<body>
|
<body>
|
||||||
<p class="odd">Number 1 - I'm a class!</p>
|
<p class="odd">Number 1 - I'm a class!</p>
|
||||||
<div id="two">Number 2 - I'm one ID.</div>
|
<div id="two">Number 2 - I'm one ID.</div>
|
||||||
<p class="odd oddly-cool">Number 3 - I'm a class, but cooler!</p>
|
<p class="odd adjust-font-size">Number 3 - I'm a class, but cooler!</p>
|
||||||
<div id="four">Number 4 - I'm another ID.</div>
|
<div id="four" class="adjust-font-size">Number 4 - I'm another ID.</div>
|
||||||
<p class="odd">Number 5 - I'm a class!</p>
|
<p class="odd">Number 5 - I'm a class!</p>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
Loading…
Reference in New Issue