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
2 changed files with 3 additions and 4 deletions
|
@ -3,7 +3,7 @@
|
|||
font-family: Verdana, "DejaVu Sans", sans-serif;
|
||||
}
|
||||
|
||||
.oddly-cool {
|
||||
.adjust-font-size {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
|
@ -14,6 +14,5 @@
|
|||
|
||||
#four {
|
||||
background-color: hsl(120, 100%, 75%);
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
<body>
|
||||
<p class="odd">Number 1 - I'm a class!</p>
|
||||
<div id="two">Number 2 - I'm one ID.</div>
|
||||
<p class="odd oddly-cool">Number 3 - I'm a class, but cooler!</p>
|
||||
<div id="four">Number 4 - I'm another ID.</div>
|
||||
<p class="odd adjust-font-size">Number 3 - I'm a class, but cooler!</p>
|
||||
<div id="four" class="adjust-font-size">Number 4 - I'm another ID.</div>
|
||||
<p class="odd">Number 5 - I'm a class!</p>
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in a new issue