BuddyPress.org

In CSS a lot depends on when a style for a selector is defined. If .example is defined as having a black background, but later .example is defined again as having a red background, then the background is gonna be red. But if you add an !important rule to the first style, then the background is gonna be black. Adding the !important rule to the second style makes the background red again. Might be what’s missing here.

Also, delete your browser cache to make sure you don’t get a cached version of the page.