CSS Attribute Selectors for Book Inventory - Tests 46-51 Not Passing

HTML-CSS
1

Hello FreeCodeCamp community!

I’m working on the Book Inventory project and I’m stuck on tests 46 through 51. Despite trying multiple CSS selector combinations, I can’t get these tests to pass.

<table>
  <tbody>
    <tr class="to-read">
      <td><span class="rate one"><span></span><span></span><span></span></span></td>
    </tr>
    <tr class="read">
      <td><span class="rate two"><span></span><span></span><span></span></span></td>
    </tr>
    <tr class="read">
      <td><span class="rate three"><span></span><span></span><span></span></span></td>
    </tr>
  </tbody>
</table>


span[class*="one"] span:first-child {
  background-image: linear-gradient(pink, yellow);
}
span[class*="two"] span:nth-child(-n+2) {
  background-image: linear-gradient(green, pink, white);
}
span[class*="three"] span {
  background-image: linear-gradient(cyan, orange, white);
}

what I’ve Tried: :first-child, :first-of-type, :nth-child()

and I’ve Tried to Adding !important (for testing).

Could someone please provide the exact CSS selectors these tests are looking for? Any help would be greatly appreciated!

2

are you sure this is correct?
consider what other modifiers for the attribute selector exist and see if there is something more appropriate