How can I override style styles?

Question

Hi, I am using a plan and for some reason I cannot override some of their inline styles (screen.css). So far I have tried:

 #asset-index-desc .container
       div
         li
           :border dashed !important

... and it does nothing. I would appreciate any help.

Answer 1

hmm I can come up with a few things:

1) try adding color and thickness: i.e.

#asset-index-desc .container
      div
        li
          :border 1px dashed red !important

2) I assume that the code you provided is not the same as it appears in your document, otherwise you would get a Sass error saying that the div tag is too deeply nested .... :)

3) the following does NOT work in my own application,

#sidebar
  div
    li
      border: 1px dashed red !important

BUT, if I remove the div tag, then all this is good:

#sidebar
  li
    border: 1px dashed red !important

Hope this helps .....

... . ....

Answer 2

SASS-CSS screen.css? , , , .

Firebug Firefox - , , .

Answer 3

I don’t know exactly what you are trying to override, but you may need a more specific option in your selector. Perhaps add an additional class to the markup and specify an additional class in the stylesheet