Question

我似乎无法获得我在CSS回声中分配的类ID，以便CSS识别。这是代码。似乎我错过了一些简单的东西，但我似乎无法弄清楚或看到它是什么。

echo "<table class='item'>
                    <tr>
                        <td id='name'><h3>" . $name . "</h3></td>
                        <td id='itemdescription'>" . $description . "</td>
                        <td id='imagelocaiton'><img src='" . $location . "'id='image'></td>
                        <td id='price'>" . $price . "</td>";

相关的CSS：

#image {
width: 300px;
height: auto;
}

#itemdescription {
color: red;
}

谢谢！

编辑：这是来自inspect元素的输出HTML。我想我应该提到这个id被修改使用while循环从MySQL数据库中绘制表信息。我只是注意到我的CSS似乎使用谷歌浏览器但不在Safari ...

<html><head>
    <title>For Sale</title>
    <link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css"></style></head>
<body>
    <div class="item_list">

        <table class="item">
                    <tbody><tr>
                        <td id="name"><h3>had</h3></td>
                        <td id="itemdescription">adfafdsaf</td>
                        <td id="imagelocaiton"><img src="images/simple.gif" id="image"></td>
                        <td id="price">$0</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>Idkd</h3></td>
                        <td id="itemdescription">adfaf</td>
                        <td id="imagelocaiton"><img src="images/Airplane Logo.jpg" id="image"></td>
                        <td id="price">$0</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>adfag</h3></td>
                        <td id="itemdescription">adfaf</td>
                        <td id="imagelocaiton"><img src="images/Jason.jpeg" id="image"></td>
                        <td id="price">$1313</td></tr></tbody></table><table class="item">
                    <tbody><tr>
                        <td id="name"><h3>afaf</h3></td>
                        <td id="itemdescription">adfafaf</td>
                        <td id="imagelocaiton"><img src="images/HDR1.jpg" id="image"></td>
                        <td id="price">$331</td>

Answer 1

您的代码是正确的，您在图片代码中做了一些小改动：

<td id='imagelocaiton'><img src='" . $location . "'id='image'></td>
try make minor correction
<td id='imagelocaiton'><img src='" . $location . "' id='image'></td>

它工作正常，但$ location的保证有正确的路径和图像文件名扩展名。我得到了红色的描述和按照给定的css显示的图像。

Answer 2

你所写的错误代码的拳头。整页上不能有多个ID。

区分课堂和课程id：http://css-tricks.com/the-difference-between-id-and-class/

再次尝试使用单一ID。

php回声中的css id不起作用

2 个答案: