Use Attribute Selectors to Style Elements - not running

Use Attribute Selectors to Style Elements - not running
0

#1

Tell us what’s happening:

it’s not executing, running what is the problem, I have used [type =‘checkbox’] {

margin : 10px 0px 15px 0px ;

}

but it is not working
Your code so far

HTML

.red-text { color: red; }

h2 {
font-family: Lobster, monospace;
}

p {
font-size: 16px;
font-family: monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}

.silver-background {
background-color: silver;
}
[type = ‘checkbox’] {
margin: 10px 0px 15px 0px;
}

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love:

  • cat nip
  • laser pointers
  • lasagna

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Indoor Outdoor
Loving Lazy Energetic
Submit ```

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/use-attribute-selectors-to-style-elements


#2

Did you copy and paste the type line from somewhere? You may have introduced invalid characters (hidden ones) into the code so that’s why the test fails.
Try deleting the line and typing it in manually so you get this:

  [type='checkbox'] {
  margin: 10px 0px 15px 0px;
  }

#3

Here remove the space between type and = sign as well as = sign and “checkbox”.
Hope it helps.


#4

I HAVEN’T COPIED,
I HAVE WRITTEN ON MY OWN


#5

The quotes matter too, it must be [type='checkbox'] with '' and don’t have any space before and after "="