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属性中使用的有效字符。请参阅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字符，或完全删除它们。我建议阅读该问题的最高评级答案，因为有些其他字符虽然有效，但仍可能导致问题。

在CSS中使用方括号（）

2 个答案: