PHPの冒頭に<?php header('Content-Type: text/css; charset=utf-8'); ?>
を入れてその下にCSSを書けば早いのですが、エディタの色分け表示等が無効になったので別の方法を
条件
- 変数使いたい
- エディタの機能は殺したくない
- 外部CSSがいい
いるもの
PHPは完全に初心者なので正しいかどうかは知りません
style.php
<?php
header('Content-Type: text/css; charset=utf-8');
$color_1 = "#ffffff";
$color_2 = "#000000";
include_once('hoge.css');
?>
hoge.css
.neko{
background-color: <?php echo $color_1; ?>;
}
.usagi{
background-color: <?php echo $color_2; ?>;
}
.tori{
background-color: <?php echo $color_2; ?>;
}
index.html
<head>
<link rel="stylesheet" href="style.php">
</head>
CSSが変数用とメイン2つのファイルに分かれてしまうのが難点ですが、エディタの機能を殺さなくて済みます