「CSS」@importで複数の外部CSSを読み込む方法

構文
@import url(“xxx.css");
使用例
cftA.css

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.cftA {
background:#F8F8F8;
border-collapse:collapse;
}
.cftA { background:#F8F8F8; border-collapse:collapse; }
.cftA {
      background:#F8F8F8;
      border-collapse:collapse;
}

cftB.css

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.cftB {
border-collapse:collapse;
width:100%;
}
.cftB { border-collapse:collapse; width:100%; }
.cftB {
      border-collapse:collapse;
      width:100%;
}

cft.css

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
@import url("./cftA.css");
@import url("./cftB.css");
@import url("./cftA.css"); @import url("./cftB.css");
@import url("./cftA.css");
@import url("./cftB.css");

 

CSS

Posted by arkgame