Question

好的，所以这个问题几乎不是更基本的问题，但是......为什么这个CSS规则没有拿起桌子里面的图像？

# HTML
<table id="support-people"><tr><td>
<img src="http://news.bbcimg.co.uk/img/1_0_1/cream/hi/news/news-blocks.gif" /></td>
</tr></table>
# CSS
#support-people img {
    width: 50px;
}

JSFiddle显示未应用CSS：http://jsfiddle.net/96F8H/

如果有人可以推荐我使用某种浏览器工具来获取此类奖励，那么奖励积分......

Answer 1

您的CSS位于演示的JavaScript框中。 Here's a corrected version

如果问题中的示例是您的实际代码，则需要使用样式标记包装CSS：

<style type="text/css">
    #support-people img { width: 50px; }
</style>

Answer 2

工作正常。问题是你在Javascript字段中有你的CSS规则。这是与正确字段中的内容的链接：http://jsfiddle.net/Skooljester/zHvx9/。

Answer 3

主要是因为你把CSS放在JSFiddle的Javascript部分。

以下是将CSS移至页面CSS部分的工作版本：http://jsfiddle.net/96F8H/2/

Answer 4

工作正常。你把css放在javascript部分：

http://jsfiddle.net/96F8H/1/

使用CSS引用表内的图像

4 个答案: