<span> styling with !important overrides CSS from Rikai-kun

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Define a style in "span" for the main page
2. If any of the CSS styles have "!important" they will override the Rikai-kun 
color stylings
3.

What is the expected output? What do you see instead?
Expected output would be the colors defined in the CSS. What I see instead is 
the stylings defined on the main page if it has any "!important" styles defined 
for the span tag.

What version of the product are you using? On what operating system?
Mac OS X   10.9.2
Chrome     33.0.1750.152
Rikai-kun  0.8.9

Please provide any additional information below.
I've created an example HTML file to display the problem.
It's also live on my web server: http://www.standingmist.com/rikaikun/

Original issue reported on code.google.com by ikari7...@gmail.com on 16 Mar 2014 at 12:53

Attachments:

• index.html

[GoogleCodeExporter]

This is pretty bad practice for css so I doubt it shows up too often.  Have you 
seen it on any live sites?

Original comment by melin...@gmail.com on 16 Mar 2014 at 1:12

[GoogleCodeExporter]

It's because I ran across a live site that had !important on the span tag that 
I realized that this was happening.

Original comment by ikari7...@gmail.com on 16 Mar 2014 at 3:36

[GoogleCodeExporter]

Hopefully, it doesn't happen too often since it's terrible to do.  If you visit 
then a lot maybe you can suggest them not use !important.

Original comment by melin...@gmail.com on 16 Mar 2014 at 4:01