I think the cleanest way given the parameters in this case is actually to create a a.sButtonClass
selector in your "local css file" that loads after the a.DTTT_button
class. Specificity will match, but the cascade will win for a.sButtonClass
. I know you said this "feels less clean," but your contraints of not being able to manipulate the two css files make it one of the cleanest solutions. Also, if you are using a preprocessor (like LESS that boostrap is based off of), then you can have your local enhancement automatically match the bootstrap class by using that class as a mixin for your more specific selector.
However, an alternative is to not apply those styles by a class at all, and write the sButtonClass
styles directly to the style
attribute of the anchor element, as that will override anything that a.DTTT_button
is doing (assuming a.DTTT_button
does not have !important
tags on its properties).