Stylus extension doesn't always modify template buttons

Hey guys.  I really liked user Keith Curtis' CSS Restyling tips using Stylus  from a while back.  I implemented them in my campaign to a satisfying extent, but I noticed that my restyling of the Chat Menu buttons doesn't always work.  I'm trying to avoid the pink blocky buttons, and it works on most of my macros, but this one from my general Abilities aggregator fails to change the buttons - leaving them pink. I think this might be because I have html replacements in the macro so it won't cannibalize itself, but I don't know CSS well enough to fix it.  Any ideas? Here's the relevant CSS that I want on all buttons: .textchatcontainer a[href^="~"] {     background-color: orange;     padding: 0px;     color: #eee; } And here is the Ability Macro: &{template:default} {{name=CONDITIONS}} {{ [BLEEDING](!
#Bleeding) [BLIND](!
#Blind) [BURNING](!
#Burning) [CHECKED](!
#Checked) [DAZED](!
#Dazed) [DEAFENED](!
#Deafened) [FATIGUED](!
#Fatigued) [HELPLESS](!
#Helpless) [HINDERED](!
#Hindered) [MARKED](!
#Marked) [PRONE](!
#Prone) [STAGGERED](!
#Staggered) [STUCK](!
#Stuck)  }} Simply a set of buttons that link to description + TokenMod macros.  Any help is appreciated - thanks!

Try making the style less selective. I have a couple of styles that do the same thing (due to different sheets' roll templates) and may have made one that was too restrictive for all purposes: .textchatcontainer a[href] { background-color: orange; padding: 0px; color: #eee; }

Ooh, that was easy!  I guess even though the html replaces the tilde, the CSS reads it as the replacement.  Never would have known.   Thanks Keith!

I think the original code acted as a filter.