How to include all css kept in a directory?

by

You could create a master stylesheet that you include in every page, and within that css file you can use @import to include the others.

This doesn’t solve the problem of having to manually include each individual css file, but at least it encapsulates it within the master stylesheet so you don’t have to repeat all of the references in every html file. If you add additional css files you will only need to add a reference in the master css and all pages will get access to it.

Example HTML CSS Reference:

<link href="master.css" type="text/css" />

Example Master CSS (master.css):

@import url(style1.css);
@import url(style2.css);
@import url(style3.css);

Read more about when to use @import and its compatibility with older browsers.

More Related Contents:

  1. CSS Not Being Responsive
  2. Change select box option background color
  3. Fix footer to bottom of page
  4. Li item on two lines. Second line has no margin
  5. When to use the !important property in CSS [duplicate]
  6. Force flex item to span full row width
  7. Add a background image (.png) to a SVG circle shape
  8. Removing body margin in CSS
  9. Two inline-block elements, each 50% wide, do not fit side by side in a single row
  10. Inline elements and line-height
  11. Tables instead of DIVs [duplicate]
  12. Is type=”text/css” necessary in a tag?
  13. Text overflow ellipsis on two lines
  14. How can I make a link from a table cell
  15. Make row stretch across all columns in CSS Grid
  16. Flexbox affects overflow-wrap behavior
  17. How does one use the onerror attribute of an img element
  18. How can I make a TextArea 100% width without overflowing when padding is present in CSS?
  19. How do I remove the top margin in a web page?
  20. Understanding grid negative values
  21. Remove ‘:hover’ CSS behavior from element
  22. HTML + CSS: Numbered list with numbers inside of circles
  23. Add border to div increase div width?
  24. How to move placeholder to top on focus AND while typing?
  25. HTML/CSS set div to height of sibling
  26. Should Tables be avoided in HTML at any cost?
  27. How to make a flex item not fill the height of the flex container? [duplicate]
  28. How to remove the space between list items [duplicate]
  29. What is HTML’s tag default display type?
  30. How to create a heart shape using CSS?

Leave a Comment