2012-03-06 16 views
0

TD(テーブル列)がある場合。 Like1つの列に2つのスタイルを適用する方法

<table> 
    <tr> 
     <td>* Name</td> 
     <td><input type="text"></td> 
    </tr> 
</table> 

最初の列に2つのスタイルを適用することは可能でしょうか?私のアスタリスクは赤く見え、名前は青く思っています。私は

<table> 
    <tr> 
     <td style color="red">*</td> 
     <td style color="blue">Name</td> 
     <td><input type="text"></td> 
    </tr> 
</table> 

のように、それが可能である2列にそれを取るが、私は知りたい場合は、両方の*と名前のテキストが同じ列にある場合最初のケースでは可能ですか?

おかげ

+2

アスタリスクをスパンで囲むことはできますか? ' *名前 '? –

答えて

2

はい、私は、TD内のアスタリスクの周り<span style="color: red">を使用してしまうことができますどちらのスタイル青またはあなたがTDの内側に着色されていない領域を有することを計画している場合だけ名前/ wの全体のTD。

+1

これは正しいアイデアですが、代わりにクラスでこれを実行します。 ' *'ここでCSSには '.accent {color:red}'があります。ペタンティックな時間と場所がありますが、これはクラスにとっては良い候補だと思います。あなたはアクセントの色を得るべき他のテキスト(アスタリスクだけでなく)を持っているかもしれません。もちろん、「アクセント」という名前は、意味が分かりやすいものに変更する必要があります(色はある日変わる可能性があるため、「赤」ではない)。 –

+0

Gregと完全に同意しました.Basitができるだけ単純な言葉で理解できるように、コードを簡単に保つように試みました! –

+0

ガイダンスと指導を提供することについては、「ベストプラクティス」よりもシンプルさが重要な場合がありますが、それは確かです。 –

-2

あなたが好きな2つのCSSクラスを使用することができます。

<table> 
    <tr> 
     <td class="Red Blue">Name</td> 
    </tr> 
</table> 

CSS:

.Red { 
background-color: red; 
} 

.Blue { 
background-color: blue; 
} 

しかし、我々はそれを必要とするとき、私は状況を知りません。

+0

O_oそれは紫色でしょうか? – bernie

+0

@ Evl-ntnlアスタリスクはどこに行ったのですか?あなたはこれを意味しましたか? *名前 – Basit

+0

あなたは質問のタイトルを読んで、完全な要件を読むことなく答えに飛び込んだと思います。 –

関連する問題