php - CSS 类无法正常工作

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 文件中添加以下样式:

.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 和 .room-name 和 .gradient-button 都工作正常。

但是父类在 Firebug 本身中根本没有显示。

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

Answer 1

尝试使用

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

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

或者更好的是:

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