javascript - using multiple style sheets -

I am currently developing an educational website and under it is to include web access as a feature. Have I seen something like trying to include a color material converter here? But I can not understand how to call many CSS external style sheets to the page so that the color of the content changes when the link is clicked? Any help is appreciated.

There are two ways to include your external CSS,

1. & lt; Link & gt; Using the element, or
2. Using the @import rule.

& lt; Link & gt; element:

To make it a continuous stylesheet:

  & lt; Link rel = "stylesheet" type = "text / css" href = "Somefile.css" media = "screen" & gt;  

To create a favorite stylesheet, add the title attribute:

  ` 

To create an optional stylesheet, add the word "alternate" to the rel option.

& lt; Link rel = "Optional stylesheet" type = "text / css" title = "compact" href = "somefile.css" media = "screen" & gt;

Using an @import rule:

It is possible to use @import using a stylesheet using another. It should be done at the top of any CSS before any rule is declared.

  example (in somefile.css): @Churset UTF-8 @import "someotherfile.css"  

This is also possible:

  & lt; Top & gt; & Lt; Style & gt; @import "somefile.css" & lt; / Style & gt; & Lt; / Head & gt;  

You must be sufficient to help understand how to include multiple external style sheets. Take care and good luck .... !!!