Two css files defining same class

by

The one loaded last (or as David points out, more accurately included last) wins in this case. Note that it’s per-property though, if you load 2 definitions with different properties, the result will be the combination. If a property is in both the first and second, the last wins on that property.

The only way to ensure which is used last/wins is including the <link> elements in the order you want in the page.

For the property, here’s an example:

.class1 { color: red; border: solid 1px blue; padding: 4px; } //First .css
.class1 { color: blue; margin: 2px; } //Second .css

is equivalent to:

.class1 { color: blue; border: solid 1px blue; padding: 4px; margin: 2px; }

More Related Contents:

  1. The page moves to the left
  2. CSS display: inline vs inline-block [duplicate]
  3. Stretch and scale a CSS image in the background – with CSS only
  4. How to style the with only CSS?
  5. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  6. Detect if an input has text in it using CSS — on a page I am visiting and do not control?
  7. CSS @media print issues with background-color;
  8. What, exactly, is needed for “margin: 0 auto;” to work?
  9. Is there a way to break a list into columns?
  10. Setting width/height as percentage minus pixels
  11. What is the difference between :first-child and :first-of-type?
  12. What are the rules for CSS media query overlap?
  13. What does an asterisk do in a CSS property name? [duplicate]
  14. difference between css height : 100% vs height : auto
  15. Image Greyscale with CSS & re-color on mouse-over?
  16. Right to left Text HTML input
  17. complete styles for cross browser CSS zoom
  18. Cross browser way to rotate image using CSS?
  19. Use CSS to automatically add ‘required field’ asterisk to form inputs
  20. CSS get height of screen resolution
  21. Twitter’s Bootstrap 3 grid, changing breakpoint and removing padding
  22. Problem with CSS Sticky Footer implementation
  23. CSS border less than 1px [duplicate]
  24. What’s the difference between CSS3’s :root pseudo class and html?
  25. CSS 3 nth of type restricted to class [duplicate]
  26. How to make radial gradients work in Safari?
  27. Google Maps v3 – prevent API from loading Roboto font
  28. SVG Fill not being applied in FireFox
  29. Specify width in *characters*
  30. Continuous CSS rotation animation on hover, animated back to 0deg on hover out

Leave a Comment