Service Portal CSS URL

[sonalin]

Hi All,

Could anyone please help me understand the below URL of the CSS.

I am trying to trace the location of this file sp-bootstrap.scss

And what is the v=sysid? (v=17c9899adb03c1503081d4bdd3961918). What is its pointing to? 

 

Please assist since I am really not able to understand CSS getting applied from this file since their is already a custom CSS written for the Page.

Thanks, Sonali.

[-O-]

I believe the problem is that you are not bumping up the specificity of the selectors. The original one specifies class (span.boolean-control) whereas the extra css does not (is simply span).

I'm not sure if it is 100% correct, but typing in the selectors in your screenshot inot the tool @ Code Captain, shows that the original selector is more specific:

Adding back the class into the custom selector equalizis class spcifity and makes the custom one "win" over element count:

So in order for the trick to work, one has to keep the original selector and add to it.

[-O-]

There is another on-line tool @ Polypane that also has a couple of hints and clarification as to what does not constitute a specificity bump.