Question

我在HTML文件中有这段代码

echo "<article class='room-full-width'>";
$room_query = mysql_query("SELECT * FROM roomdetails WHERE hotelname = '".$row['hotelname']."'");       
while($room=mysql_fetch_array($room_query)){
    echo "<span class='room-details'>";
    echo "<span class='room-name'>";
    echo $room['roomtype'];
    echo "</span>";
    echo "<a class='gradient-button' title='Book now' href='hotel.html'>Book now</a>";
    echo "</span>";
}
echo "</article>";

我在.css文件中添加以下Style：

.room-full-width{
    float: left;
    margin-bottom: 2%;
    margin-top: -2%;
    width: 100%;
}

.room-full-width .room-details{
    background-color: -moz-buttonhoverface;
    float: left;
    padding: 1% 2% 0;
    width: 90%;
}

.room-full-width .room-details .room-name{
    color: #333333;
    font-size: 1.6em;
    font-weight: bolder;
    max-width: 30%;
    overflow: visible;
    width:29%;
}

.room-full-width .room-details .gradient-button{
    bottom: 5px;
    float: right;
    position: relative;
    right: 20px;
}

但是这个类 .room-full-width 根本不起作用，如果我用我的firebug测试它甚至不显示这个类，而是显示其他类，如.room-details和{ {1}}和.room-name一切正常。

但是Firebug本身并没有显示父类。

我使用的是最新版本的Firefox - 它支持HTML5和CSS3。

Answer 1

尝试使用

echo "<article class=\"room-full-width\">";

它可能是它不同意的单引号。

或者更好：

echo '<article class="room-full-width">';

CSS类无法正常工作

1 个答案: