Change solutions for third and fourth elements

Third and fourth elements share the same declaration for font-size.
This commit is contained in:
Zekumoru Dragonhart 2022-06-29 04:42:44 +02:00
parent 3410acf607
commit 4634b5f763
2 changed files with 3 additions and 4 deletions

View file

@ -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;
} }

View file

@ -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>