我的 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。
最佳答案
尝试使用
echo "<article class=\"room-full-width\">";
可能是它不同意的单引号。
或者更好的是:
echo '<article class="room-full-width">';
关于php - CSS 类无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22865564/