Tell us what’s happening:
it says " You should have an attribute selector to target rows that have the class of read." i have tried but nothing is working it doesn’t pass the test
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Book Inventory</title>
<link rel="stylesheet" href="styles.css">
</head>
<link rel="stylesheet" href="styles.css">
<body>
<h1>Book Inventory</h1>
<table>
<thead>
<tr>
<th>Title</th>
<th>Author</th>
<th>Category</th>
<th>Status</th>
<th>Rate</th>
</tr>
</thead>
<tbody>
<tr class="read">
<td>Dune</td>
<td>Frank Herbert</td>
<td>Science Fiction</td>
<td>
<span class="status">
Read
</span>
</td>
<td>
<span class="rate three">
<span></span>
<span></span>
<span></span>
</span>
</td>
</tr>
<tr class="to-read">
<td>Pride and Prejudice</td>
<td>Jane Austen</td>
<td>Classic Romance</td>
<td>
<span class="status">
To Read
</span>
</td>
<td>
<span class="rate">
<span></span>
<span></span>
<span></span>
</span>
</td>
</tr>
<tr class="in-progress">
<td>A Brief History of Humankind</td>
<td>
Yuval Noah Harari
</td>
<td>
Non-fiction / History
</td>
<td>
<span class="status">
In Progress
</span>
</td>
<td>
<span class="rate">
<span></span>
<span></span>
<span></span>
</span>
</td>
</tr>
<tr class="read">
<td>The Midnight Library</td>
<td>Matt Haig</td>
<td>
Contemporary Fiction
</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>
/* file: styles.css */
tr[class="read"] {
background-image: linear-gradient(red, green);
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.0.0.0 Safari/537.36
Challenge Information:
Build a Book Inventory App - Build a Book Inventory App
