Question

72

Can I prevent a CSS style to be overwritten?

rated 0 times [ 76] [ 4] / answers: 1 / hits: 27115 / 12 Years ago, wed, december 19, 2012, 12:00:00

I'd like to apply a CSS to some linkbuttons on page load but one of them <a id=lb1>logoff</a> must keep its style, no hover nor other event must change its style.

The linkbuttons have no class and the css applied to all of them is done to tags, this way:

a

{

 //style

}



a:hover

{

  // style

}

Is it possible?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

devonw

Add To Favorites

Follow

Total Points: 311

Total Questions: 116

Total Answers: 111

Location: Senegal

Member since Fri, Aug 21, 2020

4 Years ago

devonw questions

1 How to set up Vue 3 parent component to emit event to child component

Thu, Apr 21, 22, 00:00, 2 Years ago

1 How to update item quantity in the shopping cart using React Redux

Wed, Jul 21, 21, 00:00, 3 Years ago

1 TypeError: request.getHeader is not a function

Wed, Jul 21, 21, 00:00, 3 Years ago

1 Updating one of the Formik initial values with state resets all other values

Thu, Feb 25, 21, 00:00, 3 Years ago

1 PM2 - Incorrect memory usage reading & possible memory leak with Node.js application

Wed, Dec 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago aubriechantalr · Accepted Answer

No, you can't.

You can use more specific selectors (or even inline CSS with the style attribute) so that they are less likely to be overridden accidentally.

You can use the (eugh) sledgehammer of !important so they will only be overridden by another !important rule.

There is no way to prevent them being overridden though.