Override reset.css with browser defaults

2019-07-04 05:01发布

问题:

I know this might sound like a strange question but I actually need to override a CSS reset file with the browser defaults (so the other way around than normal).

So when my reset.css states

li{
   padding: 0;
}

I want to override that with the browser defaults.
Setting

li{
   padding: auto !important;
}

doesn't work though.

Is there a way to do this?

回答1:

The default stylesheets are different from browser to browser and from version to version. You can apply the browser's default stylesheet by using the respective CSS files:

  • Mozilla's default CSS
  • WebKit's default CSS
  • Opera's default CSS
  • IE9's default CSS

The much simpler solution might be to just remove the reset styles.



回答2:

You can look up individual properties and set those as needed. This is very common in CSS but you might also use the "initial" value to do the same thing implicitly and with less effort.

For example,

h1 {
    color: initial; 
}


标签: css css-reset