Basic CSS: Use Attribute Selectors to Style Elements 2

OKAY so this challenge has me absolutely baffled,ive read the hint, watched videos on css and paroused w3 for it as well please help

For this challenge, you will use the [attr=value] attribute selector to style the checkboxes in CatPhotoApp. This selector matches and styles elements with a specific attribute value. For example, the below code changes the margins of all elements with the attribute type and a corresponding value of radio :

[type='radio'] {
  margin: 20px 0px 20px 0px;
}

Using the type attribute selector, try to give the checkboxes in CatPhotoApp a top margin of 10px and a bottom margin of 15px.

now heres the code im trying, again thanks in advanced

.red-text { color: red; } h2 { font-family: Lobster, monospace; } p { font-size: 16px; font-family: monospace; } div {} .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='form'] {10px; 0px; 15px; 0px;} form{margin: 10px; 0px; 15px; 0px;}

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

<p>Things cats love:</p>

<ul>

  <li>cat nip</li>

  <li>laser pointers</li>

  <li>lasagna</li>

</ul>

<p>Top 3 things cats hate:</p>

<ol>

  <li>flea treatment</li>

  <li>thunder</li>

  <li>other cats</li>

</ol>
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>

<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>

<label><input type="checkbox" name="personality" checked> Loving</label>

<label><input type="checkbox" name="personality"> Lazy</label>

<label><input type="checkbox" name="personality"> Energetic</label><br>

<input type="text" placeholder="cat photo URL" required>

<button type="submit">Submit</button>

You’ve to give margin to the elements whose type attribute is checkbox.

[type='checkbox'] {
    // margin goes here.
}
1 Like

okay well i tried that and its still not passing so here ill copy what im trying and see what you think.

.silver-background {

background-color: silver;

}

[type=‘checkbox’] 10px; 0px; 15px; 0px;}

CatPhotoApp

Click here to view more cat photos.

CSS for [type=‘checkbox’] selector is incorrect. You’ve to change the margin property.

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