How to include all css kept in a direcotry?


Tags: html,css

Problem :

Is it possible to include multiple css at once in html? Or to be precise, is it possible to include all css placed in a directory, in one go?
like at present what we do is:-

<link type="text/css" rel="stylesheet" href="./tabs_css/navigation.css">

i need something like:-

<link type="text/css" rel="stylesheet" href="./tabs_css/*.css">

Is it possible? or is there any alternative of this?



Solution :

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 it's compatibility with older browsers.


    CSS Howto..

    CSS transition: how to produce this effect (linking transitions)

    How can I determine the escape sequence for characters in an icon font?

    How to debug HTML/CSS for iPhone/iPad performance?

    How to create a pricetag shape in CSS and HTML

    how do i fit background image to any screen?

    How to put my form on top of an image in css/html?

    how to get css highlighting and hinting for php files in dreamweaver that are being read as css files?

    How to create two column in form using css

    How to make the contents of an HTML table fit within their cells?

    How do I overwrite certain conditions when you have two CSS files?

    CSS height as a variable and how to calculate 60% of total screen size

    How to expand toggle sidebar more

    How to make a snowboard (or squeezed rectangle) shaped div in css?

    How to disable webkit-text-size-adjust with JavaScript

    How to apply css and elemental styles to a ASP.net MVC 3 Web Application

    How to wrap an div with another div - jQuery Wrap

    how to position these CSS elements without defining height and width

    How to open html document within

    How to add and remove background images in css on clicking a link on page

    how to center align IMG in div?

    How to load CSS on SSL pages?

    How do I enable scrolling only in one direction in CSS?

    How to get the position of element transformed with css rotate

    how to make the file input field wrap?

    How to write CSS correctly when there are the same properties but with different prefixes for the various browser support?

    How to place div on top of responsive rotated div?

    How to move CSS inline with PreMailer.Net whilst using MvcMailer for sending HTML emails

    How to align text under image using HTML/CSS?

    How to draw diagonal lines with css [duplicate]

    CSS - How to add dot between navigation title