2012-02-07 11 views
-4

I持ってjQueryのスクリプトから名前を自動取得しますCSSクラス: は、それは次のようになります#imgHere01#imgHere22#imgHereSomething#imgHereAnotherなど 私はCSSはそれらのすべてを制御するために強制することはできますか? これはCSSでできますか?

#imgHere_ALL {width:333px;} 

または#imgHere_xxx

ようなので、それはeveryclassが imgHere後に生成されます影響します。

CSSで可能かどうかわかりません。 jQueryですか?

+0

コードをフォーマットしてください。http://stackoverflow.com/editing-help – BoltClock

+0

正確に同じ名前の2番目のクラスまたは属性をすべて与えることはできますか? –

+0

いいえ、これは純粋なCSSで行うことはできません – TimWolla

答えて

3

使用CSS正規表現セレクター:

div[id^='imgHere']{ 
    /** styles */ 
} 

これは "imgHere" で始まるIDを持つすべてのdiv Sを選択します。しかし、提案されているように、より良いプラクティスは、すべての要素に共通のクラス名を与えることです。

+0

ありがとう、それは働いた! – spanakorizo

+2

@spanakorizo​​ cool。 [回答を受け入れる方法](http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work)をお読みください。 – paislee

2

もっと良いアプローチは、それらにすべて共有クラスを与えることです。彼らは(そのようなクラス、親、など)はいくつかの共通要素を共有している場合

.imgHere{ 
    width: 333px; 
} 
1

はい、あなたは彼らに同じようにスタイルをCSS selectorsを使用することができるはずです。そして、あなたはこのような何かを行うことができます。

すなわち:

.myImages { 
    //Whatever styling you want applied to all 
} 

または

parent img { 
    //Whatever styling you want applied to all 
} 

あなたはまた、jQueryを使ってこれを行うことができますが、CSSをどうする簡単です。

1

あなたは、このためのCSSクラスを使用します:

.image-all 
{ 
    width: 333px; 
} 

その後、ちょうどそれを追加してください。しかし、あなたはあなたのイメージを作成します。

$('<img />').addClass('image-all'); 

それともさんは、それがサードパーティのスクリプトですので、あなたが、クラスを追加することはできませんと言ってみましょう。その後、多分あなたは、コンテナでそれらを持つことができます。その後、

<div class="image-all"> 
    ... image container 
</div> 

をあなたのCSSに:

.image-all img 
{ 
    width: 333px; 
} 
0

私は私が正しくあなたを理解していますが、これはCSSでかなり簡単でなければなりません願っています。 "すべてのもの"に影響を与えたい場合は、CSSで別のクラスを与えてください。これは高さや幅などの静的なものに適しています。

共有する1つのクラスを与えます。

img[id="imgHere"] { 
    /* css */ 
} 

このセレクタは、IEので、9未満はよくプレーすることはほとんどありません、しかし、近代的なブラウザに依存しています:

0

あなたは属性セレクタを使用することができます。 idを生成するjQueryスクリプトをクラスに追加するだけで簡単に行えます。

0

あなたはCSSセレクタ*[class^=imgHere] { width:333px}を使用してみてくださいこれらのcss selectors

#imgHere ~ something 
#imgHere + something 
div[id^='imgHere'] ~ something 
0

を試みることができます。より効率的になるように、*をより具体的なCSSセレクタに置き換えてください。 CSSセレクタ情報はhereです。

関連する問題