Some Very Good Css Work - Blog Posts

this code is supposed to be 'if the first character is dan, change background of the blurb to green' but all my attempts have failed so far D:

.blurb:has(li.characters:first-of-type a[href*="Dan" i]) {

background: green !important;

}

do you think this isn't possible or is my syntax just wrong ?

I thought this was impossible for a good while, but ended up figuring it out! Use the following:

.blurb:has(.relationships + .characters a[href="Dan" i]),.blurb:has(.warnings + .characters a[href="Dan" i]) {background: green!important;}

And here is my understanding of what went wrong