Почему мой селектор CSS не используется?

Почему .slider, .slider .slides и .slider .slide показывают, что он не используется?

Первый PHP-файл

$pic_array = array();
$titles = array();
$descriptions = array();
while ($row = $result->fetch_assoc()) {
$pic_array[$count] = $row['pic_url'];
$titles[$count] = $row['title'];
$descriptions[$count] = $row['description'];
$count++;
}

for ($x=0; $x < count($pic_array); $x++) {
echo "<div class='slider'>
<div class='slides'>
<div class='slide'><img src= " . $dir . $pic_array[$x] . " /></div>
</div>
</div>";
}

Второй файл PHP (таблица стилей)
Я пытаюсь использовать таблицу стилей .php, чтобы я мог использовать переменную php внутри моего CSS.

header("Content-type: text/css; charset: UTF-8");

?>
<style>
.slider {
width:450px;
height250px;
overflow:hidden;
}
.slider .slides {
display:block;
width: <?php (count($pic_array) * 450) ?>px;
height: 250px;
margin:0;
padding:0;

}
.slider .slide {
float:left;
list-style-type: none;
width: 450px;
height:250px;

}

</style>