cheeks/css-exercises
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Completed 02-class-id-selectors, added COMPLETE.md file

Browse Source
This commit is contained in:
cheeks 2024-06-30 18:47:32 -04:00
parent e15b05ceb3
commit 473fcee568
3 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
foundations/02-class-id-selectors/COMPLETE.md Normal file
View File

@ -0,0 +1 @@
# Complete

10
foundations/02-class-id-selectors/index.html
View File

@ -8,10 +8,10 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<p>Number 1 - I'm a class!</p> <p class="odds">Number 1 - I'm a class!</p>
<div>Number 2 - I'm one ID.</div> <div id="number2">Number 2 - I'm one ID.</div>
<p>Number 3 - I'm a class, but cooler!</p> <p class="specialodds">Number 3 - I'm a class, but cooler!</p>
<div>Number 4 - I'm another ID.</div> <div id="greeny">Number 4 - I'm another ID.</div>
<p>Number 5 - I'm a class!</p> <p class="odds">Number 5 - I'm a class!</p>
</body> </body>
</html> </html>

19
foundations/02-class-id-selectors/style.css
View File

@ -0,0 +1,19 @@
.odds, .specialodds {
background-color: lightcoral;
font-family: Verdana, Dejavu Sans, sans-serif;
}
#number2 {
color:blue;
font-size: 36px;
}
.specialodds{
font-size: 24px;
}
#greeny {
background-color: rgb(149, 255, 149);
font-size: 24px;
font-weight: bold;
}