Issue with Attribute Selectors

Issue with Attribute Selectors
0

#1

Hello Team, facing issue with the Attribute Selectors
[type=‘checkbox’] {
margin: 10px 0px 15px 0px;
}


#2

Don’t Put single line margin properties. try to solve with margin-top … like…


#3

Did try with this as well :-
[type=‘checkbox’]
{
margin-top: 10px;
margin-bottom: 15px;
}

But the issue still exists


#4

first reset the code and try it.


#5

well, your code is also correct.

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

#6

I did the same thing, but the issue is till there, is it the issue with the compiler of this site for the question ?


#7

better to check your quotes 'checkbox'


#8

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


#9

Don’t do copy paste try to write code on own :smiley:


#10

I did not copy and pasted the same, I tried it myself…:grin:


#11

I just tested with my computer.and successfully submit my code.


#12

I have skipped it for now, will check later again.


#13

Maybe if your provide the entire code, it would be easy to point out the problem and this lesson doesn’t contain any bugs so it’s sure you could pass and if it didn’t then there is a problem somewhere.


#14

Ohk,

Here is the full code for the same :-

.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

#15
.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

#16

Hello Sujit, It’s only taking the Section… .rest html part is not coming…
While providing the same, in the reply section at the right, it’s also behaving as an HTML Compiler. So you are not getting the HTML Code…


#17

You should use three backticks at the start and at the end , then place your HTML between that or click this symbol </> in your message box and place the code between those


#18

If you want, we can join at google hangout and get this addressed by sharing the screen.


#19

Hey @kaushiklahiri,
Please use the “Ask For Help” button on your challenge page whenever you need help with any challenge.
It posts your code properly and also provides the link to the challenge.


#20

Try using double quotes here and see if that work.