javascript - ID に特定の文字列を含む div に css を書き込む方法はありますか?

Question

div 名でスタイルを設定する jQuery があります。

$("[id*='_container']").css({"width":"100%"});

その div の名前は、XXXXX_container (ランダムに生成されたもの) にすることができます。

これを jQuery コードではなく css で記述する方法はありますか?

Answer 1

jQuery のセレクター構文はCSSに基づいています。

[id*="_container"] {
    width: 100%;
}

実際には、次のように ID を選択するのではなく、クラスを追加する必要があります。

.container {
    width: 100%;
}

Answer 2

試す：

[id$="_container"] {
    width: 100%;
}

jsFiddle の例

http://www.w3.org/TR/css3-selectors/#attribute-substringsを参照してください

Answer 3

cssで...

[id$="_container"] {
    /* your css */
}

「id$=」は、id が で終わる要素を意味します。