Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics Fundamental Concepts The Cascade: Specificity and Source Order

Posted by Debashri Mishel Dutta
Debashri Mishel Dutta
2,047 Points

I accidentally deleted my CSS style sheet

Hi, During the practice in this class - https://teamtreehouse.com/library/the-cascade-specificity-and-source-order-2 We made an extra CSS and then deleted it since it wasn't needed. I ended up deleting the sheet we were supposed to keep. I hit undo but can't get it back. What do I do? Is there a file download I can get the CSS from.

1 Answer

Cody Hansen
Cody Hansen
5,517 Points

The previous video has a workspace that has the css file you're looking for! Or, at the very least, something close! I'll post the css here for convenience. I hope it helps!

html {
  font-size: 16px;
}
/* type selectors */
h1 {
  font-size: 4rem;
  margin-bottom: 1.5rem;
}
p {
  color: olive;
  font-size: 26px;
}
header {
  background-color: #f60; /* this is the same as #ff6600 */
  width: 80%;
  margin-left: 10%;
}
header p {
  background-color: snow;
  border-bottom: 1px solid gray;
}
#header-box {
  width: 50%;
  background-color: #33d549;
}
img {
  width: 100%;
}
footer {
  background-color: lightcoral;
}
a:link { 
  color: darkblue;
  background-color: peachpuff;
  text-decoration: none;
}
a:visited {
  color: seagreen;
}
a:hover {
  text-decoration: underline;
}
/* turn links white with an orange background when they receive focus */
a:focus {
  color: rgb(255, 255, 255);
  background-color: rgba(255, 165, 0, .5);
}
ol li {
  letter-spacing: 3px;
  color: tomato;
}
/*
 ol li:first-child {
  font-weight: bold;
} 
*/
ul li {
  list-style: none; 
}
/* ID selectors */
#education {
  border: 3px solid red; 
}
#education h3 {
  font-family: Arial, sans-serif;
  font-size: 32px;
  background-color: rgb(150, 200, 250);
}
#skills-list {
  background-color: aliceblue;
  padding: 36px;
}
/* class selectors */
.top-skill {
  font-weight: bold;
  background-color: teal;
  color: papayawhip;
}
.date {
  border: 2px solid steelblue;
  border-radius: 12px;
  padding: 6px;
}
.special {
  text-transform: uppercase;
  background-color: papayawhip;
}
#proud {
  font-size: 48px;
}
Debashri Mishel Dutta
Debashri Mishel Dutta
2,047 Points

Thank you, Cody! It was the Workspace from the previous video where my CSS stylesheet got deleted :). I copied and pasted the code you very kindly shared here into my Workspace now and will be able to continue the class. Thanks!