Is this lab broken?

HTML-CSS
1

image
image895×647 82.3 KB

tr[class=“read”] {

background-image: linear-gradient(to top right, lightgrey 33%, white 100%);

}

tr[class=‘to-read’] {

background-image: linear-gradient(to top right, lightgrey 33%, white 100%);

}

tr[class=‘in-progress’] {

background-image: linear-gradient(to top right, lightgrey 33%, white 100%);

}

span {

display: inline-block;

}

tr[class=“to-read”] span[class=“status”] {

border: dotted 2px black;

padding: 3px;

background-image:linear-gradient(to right, yellow 66%, white 100%);

}

tr[class=“read”] span[class=“status”] {

border: dotted 2px black;

padding: 3px;

background-image:linear-gradient(to right,lightgreen 66%, white 100%);

}

tr[class=“in-progress”] span[class=“status”] {

border: dotted 2px black;

padding: 3px;

background-image:linear-gradient(to right,lightblue 66%, white 100%);

}

span[class=“status”],

span[class^=“rate”] {

display: inline-block;

height: 20px;

width: 60px;

padding: 2px;

}

span[class^=“rate”] > span {

border: 1px solid #000;

border-radius: 2px;

margin: 0 2px;

height: 12px;

width: 12px;

background-color: #eee;

}

span[class*=“one”] > span:first-child {

background-image: linear-gradient(to right, #66b066, #44a044);

}

span[class*=“two”] > span:nth-child(-n+2) {

background-image: linear-gradient(to right, #66b066, #44a044);

}

span[class*=“three”] > span {

background-image: linear-gradient(to right, #66b066, #44a044);

}

/ *It works in the preview, but the lab won’t accept*/

2

please share a link to the challenge on the freeCodeCamp site

3
4

it’s not broken, but you have the wrong selector

you are asked to select elements with class one, this one will also select elements with class cone or someone or honey

5

image
image1889×664 186 KB

6

that one matches only elements that have class="one" not class="rate one"

7

I won! Thank you so much

8

next time please use the HELP button to create a topic on the forum

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like