为什么我的css选择器未被使用?

时间:2016-06-21 17:13:35

标签: php css slideshow

为什么.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样式表,所以我可以在我的CSS中使用php变量。     

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>

1 个答案:

答案 0 :(得分:1)

你忘了回复:

width: <?php (count($pic_array) * 450) ?>px;
             ^--no echo command

因此,您正在生成

width: px;

这意味着它是一个语法错误,并杀死其余的CSS。只需检查浏览器的调试控制台和/或检查&#34;查看源代码&#34;会发现这个。