Need help overriding an Asterisk (*) in CSS

Hi - I am using some jquery code I found that is working exactly as I want, however the problem is formatting.   The jquery is highlighting (in white) the column and row as the user hovers over each cell.

On my work systems, I inherit some css that I cannot avoid, one of the rules is an asterisk (*) on font color. As part of the highlighting, I want to change the font color to red.  However, I can't find a way to overwrite the *.  I've tried several things unsuccessfully.  When I Inspect the element, it shows that the hover rule is in place, but when I view the "computed" styles, the hover color is faded out, and the * rule is shown to be in place.  

I've put my code on jsfiddle.  Note, I've consolidated the css code into this file, but in reality the * is coming from a linked css file.

As you view the Results, you see the color of the font does not change.  I want it to change to red (ED0000).

https://jsfiddle.net/sjsimpson2000/4tLxvvu9/2/

Thanks!
sjsimpson2000Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
You're going to need to rethink your code here. The <col> tag really only responds to a very few styles: border, background, width, visibilty. Color isn't one of them.

Re-write your code to add the hover class to each <td>. Something like this:

$('td').hover(function() {
    var col = $(this).index() + 1;
    var table = $(this).parents('table');
    $('tr>td:nth-child('+col+')', table).toggleClass('hover');
});

Open in new window


Working demo: http://jsfiddle.net/ChrisStanyon/cgaxnejv/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
sjsimpson2000Author Commented:
Thanks, Chris - I'll be looking at this in detail later today, and will let you know how it goes.
0
sjsimpson2000Author Commented:
Hi Chris, I attempted to make the changes you suggested but my programming skills are pretty sparse, so I was unsuccessful.  I was able to do some changes to other parts of the css get the effect I wanted, and as I was on a tight deadline I needed to keep the project moving.  Thanks anyway.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.