Different color tags for separate divs on one page

[naomigrace]

I have multiple tag boxes on one page and I'm trying to assign each one a different color. I tried adding something along the lines of

.tag .tag-purple{ background: none repeat scroll 0 0 #purplehex; }

To my css file and including the class "tag tag-purple" to <div data-tags-input-name ... >, but no changes result.

I apologize if there is a simple solution to this. My css knowledge is very basic :(