Home/ Questions/Q 6777133
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:06:41+00:00

I have a page where I use 2 css styles: <link type=text/css href=base_form.css rel=stylesheet

  • 0

I have a page where I use 2 css styles:

<link type="text/css" href="base_form.css" rel="stylesheet" />
<link type="text/css" href="extended_form.css" rel="stylesheet" />

And extended_form.css must come after the base.

Is there any way to force extended_form.css to override base_form.css?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Have you tried appending !important behind your current CSS-statements? It acts as an override and overrides the given style for the specified selector.

    Example:

    <!-- html -->
<html><body id="foo"></body></html>

<!-- css -->
body { background: #0000FF; }
body#foo { background: #FF0000; }

    Usually assigning an id and using it as a selector overrides the “global” style applied to an element, however, consider the following css instead:

    body { background: #0000FF !important; }
body#foo { background: #FF0000; }

    The above statement would render #foo with the background set to #0000FF instead of #FF0000.

    Check it out on jsFiddle.net:

    http://jsfiddle.net/9sJqx/ “regular” prority

    http://jsfiddle.net/WfNUX/ !important applied

    • 0