在CSS中使用方括号()

Question

我正在使用支付服务,在我制作的模板中生成一堆代码.问题是他们在命名一些div时使用括号"()".这对我来说是一个问题,因为我必须设置所有生成的div的样式,并且CSS不喜欢用括号命名的div.

他们的代码:

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

我的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; }

有什么办法可以将CSS应用于名为using()的div吗？

Answer 1

主要问题是(括号)不是ID属性中使用的有效字符.请参阅规格.

但是如果你不能改变ID,你总是可以使用反斜杠(\)来转义选择器中的括号(因为它们可以作为特殊的伪类字符):

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