JavaScriptを利用して、読み込むCSSファイルを切り替えます。
コード
HTMLにはlinkタグを全て記述しておきます。
<linkrel="stylesheet"href="1.css"data-css="css1"><linkrel="stylesheet"href="2.css"data-css="css2"disabled><linkrel="stylesheet"href="3.css"data-css="css3"disabled>data-css属性に名前を付けておく。この名前で切り替えます。
最初に無効化しておきたいファイルにはdisabled属性を付けておく。
functionchange_css(name){for(constelofdocument.querySelectorAll('link[data-css]')){el.disabled=el.dataset.css!==name}}この関数に読み込みたいファイルの名前(css2等)を渡せば、ファイルが切り替わります。