Learn CSS Colors by Building a Set of Colored Markers - Step 18

Hello, I don’t really understand this step as I believe that I have done the correct thing.
Any help will be appreciated!

edit: The step is " Then, create a new CSS rule that targets the class one and set its background-color property to red."

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" href="styles.css">
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker one">
    <div class="marker">
    <div class="marker">
/* file: styles.css */
h1 {
text-align: center;

.marker {
width: 200px;
height: 25px;
margin: 10px auto;

.marker one{

  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14909.100.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 18

Link to the challenge:

Just use .one in css rather than .marker one

Hi, the class name in HTML can’t contain a space but it can contain hyphens or underscores. So, either make your class marker-one or marker_one and then you can use .marker-one selector in CSS.

Man but the marker and one are both different classes that’s why he is trying to target both of them in css.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.