In MASH................ What is a '.highlight' rule in your CSS.

Question

I don't know what this mean?

style.css

/* Body Styling */
body {
  background: blue;
  color: #ccc;
  font-family: Arial;
  font-size: 27px;
  line-height: 1.65px;
  margin: 0 auto;
  padding: 40px 10px;
}

.highlight:
  font-size: 18px;
  line-height: px;
  margin-left: 30px;
  opacity: 0.5;
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=0.5, minimal-ui">
  <link href="normalize.css" rel="stylesheet">
  <link href="style.css" rel="stylesheet">
  <title>MASH</title>
</head>

<body>
  <form action="" method="post" id="mash">
    <h1 class="title">MASH</h1>
    <p class="sub-title">Make sure to list five under each category.</p>

    <div class="choice-bucket">
      <h4 class="highlight">What will your profession be?</h4>
      <input name="career[]">
      <input name="career[]">
      <input name="career[]">
      <input name="career[]">
      <input name="career[]">
    </div>

    <div class="choice-bucket">
      <h4 class="highlight">What kind of animal will you have?</h4>
      <input name="pet[]">
      <input name="pet[]">
      <input name="pet[]">
      <input name="pet[]">
      <input name="pet[]">
    </div>

    <div class="choice-bucket">
      <h4 class="highlight">Where will you live?</h4>
      <input name="location[]">
      <input name="location[]">
      <input name="location[]">
      <input name="location[]">
      <input name="location[]">
    </div>
    <div class="choice-bucket">
      <h4 class="highlight">What kind of car will you have?</h4>
      <input name="car[]">
      <input name="car[]">
      <input name="car[]">
      <input name="car[]">
      <input name="car[]">
    </div>

    <input type="submit" value="Tell My Future">
  </form>

  <div class="answers">
    <h3>You will live in a <span id="home"></span></h3>
    <h3>You will be a <span id="career"></span></h3>
    <h3>You will have a <span id="pet"></span></h3>
    <h3>You will live in <span id="location"></span></h3>
    <h3>You will drive a <span id="car"></span></h3>
  </div>

  </body>
</html>

Answer 1 · 2018-06-21T01:13:18Z

June 21, 2018 1:13am

The '.highlight' rule is the 2nd one, the one which begins with the selector '.highlight'.

And don't change the selector line, it needs to keep the open brace and it does not need a colon.

In this challenge you will only be changing values of the properties.

Welcome to the Treehouse Community

Looking to learn something new?

Elizabeth Molina

Elizabeth Molina

In MASH................ What is a '.highlight' rule in your CSS.

1 Answer

Steven Parker

Steven Parker