"動的な" CSSのID名？それらをCSSファイルに追加するには？

私は、動的に生成され、最後にIDを持つDIV IDをアプリケーション内に持っています。たとえば、<div id="vote_score_72">,<div id="vote_score_73">,<div id="vote_score_74">などです。"動的な" CSSのID名？それらをCSSファイルに追加するには？

スタイルを適用できるように、そのIDをCSSファイルに書き込むにはどうすればよいですか？

出典

2011-11-06 Felipe Cerda

異なるIDに対して異なる処理を行う必要がありますか？ – ceejayoz

他のIDと同様に、 '＃ '記号が付いています。 ...実際に何をしようとしているのか教えていただけますか？これがJavaScriptで行われた場合は、すべてのスタイルに共通するクラスを持つ方がずっと優れています。次に、 'style'プロパティを使用してアイテム固有のスタイルを適用します。それらのスタイルがすべて同じスタイルの場合は、代わりにクラス（Googleの「CSSクラス」）を使用してください。 – Ryan

@ceejayozいいえ、同じこと。同じページに異なるストーリーを表示するRuby on Railsアプリケーションです。各ストーリーにはスコアがあり、最後にストーリーのIDでDIVにラップされます。 –

（そしてあなたべき）、あなたは、代わりに、（これは正式名称ではないかもしれない）属性値から始まる-でセレクタを使用することができます：

div[id^=vote_score] { 
    color: #f00; 
    /* and so on... */ 
}

JS Fiddle demo。

Quirksmode.orgのcompatibility tables for advanced attribute selectorsへのリンクを追加しを編集。

参考文献：

出典

2011-11-06 16:30:15

Davidさん、ありがとうございました。 –

これらすべての要素に共通のクラスを追加し、このクラスをCSSで使用する必要があります。

クラスは、さまざまな要素に共通のスタイルを処理する最善の方法です。あなたはこの機能のためのクラスを使用する必要があります提案にさらに

出典

2011-11-06 16:09:56 JMax

私は、クラスのIDを変更したとしましょう。 CSSファイルにクラス名を書くにはどうすればいいですか？ '.classname_changingnumber'のように –

' div'の内容/目的に関連する名前を選択することは意味をなさえますが、好きなようにclass-nameを呼び出すことができます。 –

@FelipeCerda：いいえ、クラス名は、スタイルを設定するすべてのdivで一意である必要があります。次に、あなたのCSSでこのクラス名を参照することができます – JMax

"動的な" CSSのID名？それらをCSSファイルに追加するには？

答えて

関連する問題