CSSを使用したテーブル内の画像を参照する

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; 
} 

CSSが適用されていないことを示すためにJSFiddle：http://jsfiddle.net/96F8H/

そして、誰も私にこの種のものをピックアップしてブラウザ内のツール、ボーナスポイントのいくつかの種類をお勧めすることができた場合...

Answer 1

それは正常に動作します。問題は、JavascriptフィールドにCSSルールがあることでした。正しいフィールドにあるものとのリンクは次のとおりです：http://jsfiddle.net/Skooljester/zHvx9/。

Answer 2

ほとんどの場合、JSFiddleのJavascript部分にCSSを配置しているためです。

ここではCSSを使用した作業のバージョンがありますが、ページのCSSセクションに移動：http://jsfiddle.net/96F8H/2/

Answer 3

あなたのCSSは、あなたのデモではJavaScriptボックスです。 Here's a corrected version。

問題の例では、あなたの実際のコードである場合は、スタイルのタグでCSSをラップする必要があります：

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

Answer 4

それは正常に動作します。あなたはjavascriptセクションにCSSを置く：

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