Issues getting credit on the book inventory assignment

HTML-CSS
1

Hey my name is Nathan, I am trying to do step 48 for the Book Inventory App, and I am having trouble getting it to register my work. Does anyone know what’s going on? Below is my code.

HTML:

<!DOCTYPE html>

<html lang="en">



<head>

<meta charset="utf-8">

<title>Book Inventory</title>

<link rel="stylesheet" href="styles.css">

</head>



<body>

<h1>Book Inventory</h1>

<table>

<thead>

<tr>

<th>Title</th>

<th>Author</th>

<th>Category</th>

<th>Status</th>

<th>Rate</th>

</thead>



<tbody> 

<tr class="read">

<td></td>

<td></td>

<td></td>

<td><span class="status">Read</span></td>

<td>  <span class="rate one">

<span></span>

<span></span>

<span></span>

</span>

</tr>

<tr class="in-progress">

<td></td>

<td></td>

<td></td>

<td><span class="status">In Progress</span></td>

<td> 

<span class="rate one">

<span></span>

<span></span>

<span></span>

</span>

</td>

</tr>

<tr class="to-read">

<td></td>

<td></td>

<td></td>

<td><span class="status">To Read</span></td>

<td>  <span class="rate two">

<span></span>

<span></span>

<span></span>

</span>

</td>

</tr>

<tr class="read">

<td></td>

<td></td>

<td></td>

<td><span class="status">Read</span></td>

<td>

<span class="rate three">

<span></span>

<span></span>

<span></span>

</span>

</td>

</tr>

</tbody>

</table>

</body>



</html>

, and here is my

CSS:

span\[class\*="one"\] span:first-child {

    background-image: linear-gradient(yellow, blue);

}
2

Welcome to the forum @2281400430!

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Happy coding!

3

Would you please post a link to this challenge?

In the future, 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 Help button located on the challenge.

image
image668×186 6.59 KB

The 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.

4
5

Thank you.

Please refer to this reference for examples of different types of attribute selectors.

MDN: Attribute Selectors

Happy coding!