2012-02-15 9 views
9

内のすべての要素をターゲットに:CSS:どのようにする代わりに、ページ上のすべての要素にテキストの色を与えるために、次のことを説明ID

* {color: red;} 

は、すべてに適用する方法はあります特定のID内の要素ですか?このようなもの:

#container * {color: red;} 
+0

'#container * {color:red; } 'うまくいかない?!? –

+0

申し訳ありませんが、私はそれを間違ってテストする必要があります。私の例はうまくいった。みんなありがとう! – RandyLahey

答えて

15

実際には、あなたが言ったとおりです。

#container * { color: red; } 
0

たとえば、jQueryを使用できますか?

$('#container').children().css('color', 'red'); 

編集:私は右の私の手で半分のサンドイッチと私の昼休みに答えようとために私を提供しています、確かに間違っていた-.-

+2

シンプルなCSSがこのトリックを行うときになぜjQueryを使用するのですか? –

+4

Whyyyyyyyyyyy。 http://www.doxdesk.com/img/updates/20091116-so-large.gif http://www.doxdesk.com/updates/2009.html#u20091116-zalgo – Domenic

+1

jQueryを使用するだけでなく、必要です。答えは間違っています。上記のコードは、直接の子の色のみを赤に設定します。問題は、親要素内のすべての要素に対するものでした。 –

-1

我々があればより良いソリューションを提供することができるだろう私たちはHTMLコードを参考にしていました。

あなたが探しているのは、CSSセレクタを使用することです。 。

:( CSS Selectors

そして、それはあなたのための選択肢かもしれ属性セレクタのように聞こえる例えばAttribute Selectors

は、以下の属性セレクタは、何でもその値「タイトル」属性を指定し、すべてのH1要素にマッチします

h1[title] { color: blue; } 

次の例では、セレクタは、その「クラス」属性が正確に値「例」を有する全てのSPAN要素にマッチする:

span[class=example] { color: blue; } 
+0

@Domenic上記の答えはどういうことですか?質問がありますか? – Markus

+0

質問とは何が関係していますか? – Domenic

+0

彼はページ上の特定の要素に特定の色を与える方法を尋ねました。それらはCSSセレクタ(リンクを提供)と呼ばれ、特定のクラスの要素と一致させたい場合は、属性セレクタ(リンクを提供)と呼ばれるものに関する追加情報も与えました。なぜクラス?彼は質問に「ID」という言葉を間違えて使用していたので、ページに複数のIDはなく、1つだけです。複数のクラスがあります。それが理由です。 – Markus

1

私は思っているだろう:

#container * {color: red;} 

は動作するはずです。

2
#container * {color: red;} 

動作するはずです。

あなたが唯一の直接の子がクラスを取得したい場合、あなたはどのようなブラウザを使用している

#container>*{color: red;} 

を試してみてください? (ブランド+バージョン)

関連する問題