❓ Ask for help here + See Frequently Asked Questions

[i][/i]

.data.status.watching:before {
  content: 'f005';}
.data.status.completed:before {
  content: 'f058';}
.data.status.onhold:before {
  content: 'f06a'}
.data.status.dropped:before {
  content: 'f05e'}
.data.status.plantowatch:before {
  content: 'f017';}

.data.status.watching:before {
  content: '\f005';}
.data.status.completed:before {
  content: '\f058';}
.data.status.onhold:before {
  content: '\f06a'}
.data.status.dropped:before {
  content: '\f05e'}
.data.status.plantowatch:before {
  content: '\f017';}

[table]
[tr]
[th]#[/th]
[th]Anime Title[/th]
[th]Score[/th]
[th]Progress[/th]
[/tr]
[tr]
[td]1[/td]
[td]Avatar: the Last Airbender (season 1)[/td]
[td]-[/td]
[td]-/20[/td]
[/tr]
[/table]

document.head.insertAdjacentHTML('beforeend', '<style>.button_edit, .btn-addEdit-large:not(.notinmylist) {background: blue !important;}</style>');

document.head.insertAdjacentHTML('beforeend', '<style>.button_edit, .btn-addEdit-large:is(.dropped,.completed) {background: blue !important;}</style>');

/* add custom CSS for class we will add later */
document.head.insertAdjacentHTML('beforeend', `<style>
.dropped_completed td {
	background: blue !important;
}
</style>`);

dropped_completed = document.querySelectorAll('.btn-addEdit-large:is(.dropped,.completed)');

for(i = 0; i < dropped_completed.length; i++)
{
	/* go up two parents to the <tr> and add class */
	dropped_completed[i].parentNode.parentNode.classList.add('dropped_completed');
}

selector:has/is/contains/where

.btn-addEdit-large:is(.dropped,.completed) /Child
{
.table, .tr //.btn-addEdit-large Parent element
{
background: blue !important;
}
}

$('tr:contains("DROP")').css('background-color', 'rgba(144, 144, 144, 0.3')[0]