If you want to add custom style to an object that already has it's style defined by other css class, sometimes you will have to replace some styles. Here's how to do it:
Firstly, check which class overrides it. Let's say your markup returns:
<div class="range-specific range"></div>
.range-specific { foo; }
.range { bar; }
Then the range will win.
.range-specific.range { foo; } .range { bar; }
Then the specific will win.
.range-specific.range-specific { foo; } .range { bar; }
And specific will surely win.
.range { bar; } .range-specific { foo; }
If you like dEexams.com and would like to contribute, you can write your article here or mail your article to admin@deexams.com . See your article appearing on the dEexams.com main page and help others to learn.