CSSで角括弧（）を使用する

Question

私が作成したテンプレートに一連のコードを生成する支払いサービスを使用しています。問題は、divの名前を付けるときに角括弧 "（）"を使用することです。これは、生成されたすべてのdivをスタイルする必要があり、CSSは括弧で区切られたdivを気に入らないので、私の問題を引き起こします。

彼らのコード：

<div id="wwctrl_paytypeLogo_AMEX"> 
<div id="wwctrl_paytypeLogo_AMEX(SE)"> 
<div id="wwctrl_paytypeLogo_AMEX(DK)"> 

私のCSS：私は使用して命名のdiv（）に適用されるCSSを持つように何かできることは

#wwctrl_paytypeLink_MTRO button { background: url(images/icon_pay_maestro.png) 265px 50% no-repeat; } 
#wwctrl_paytypeLink_AMEX button, 
#wwctrl_paytypeLink_AMEX(SE) button, 
#wwctrl_paytypeLink_AMEX(DK) button { background: url(images/icon_pay_amex.png) 265px 50% no-repeat; } 

ありますか？

Answer 1

主な問題は、(ブラケット)がID属性で使用する有効な文字ではないことです。 the specを参照してください。

しかし、あなたは常に（彼らはそうでないような特殊な擬似クラスの文字を機能として）あなたのセレクタに括弧をエスケープするバックスラッシュ（\）を使用することができますIDを、変更できない場合：

#wwctrl_paytypeLink_AMEX\(SE\) button, 
#wwctrl_paytypeLink_AMEX\(DK\) button { background: url(images/icon_pay_amex.png) 265px 50% no-repeat; } 

Answer 2

（）文字はHTML ID属性では無効です。

What are valid values for the id attribute in HTML?

あなたは何か他のものを使用してcracket文字を変更したり、それらを完全に削除する必要があります。私はその質問に対する最高の定評のある答えを読むことをお勧めします。なぜなら、有効ではあるが問題につながる可能性がある他の文字があるからです。