CSS code not showing up in browser

davidbayeh · July 8, 2019, 8:05am

A quick, simple question.

My CSS code to format the html elements with the class description of “code” is not working. I set the background color to yellow for all elements with the class “code”, however nothing shows up in the browser after doing this. Any tips or advice? My CSS file is correctly linked because other CSS formatting is showing up. Please see link below! Thanks!

gist.github.com

https://gist.github.com/codecademydev/05be9de43796a0cede7e6f1c87531ef1

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="styles.css" type="text/css" rel="stylesheet">
    <title>CSS Selectors</title>
</head>
  
<body>
  
  <h1>HTML Tables Cheat Sheet</h1>

This file has been truncated. show original

styles.css

body {
  background: gray;
  margin: 0;
  padding: 0;
}

table {text-align: center}
thead {background-color: brown}
td {background-color: white}

This file has been truncated. show original

Hope this was easy to follow.

janneslohmeijer · July 8, 2019, 10:07am

You did not close the background-color rule with a semi colon like so:

.code {background-color: yellow;
font-family: monospace}

Btw I do suggest you use line breaks to make the code more readable and easier to debug, like so:

.code {
    background-color: yellow;
    font-family: monospace;
}