在 CSS 中使用方括号 ()
我正在使用一项支付服务，该服务会在我制作的模板中生成一堆代码。问题是他们在命名某些 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 吗？
I'm working with a payment service that generates a bunch of code in the templates I make. The thing is that they use brackets "()" when naming some of their divs. This causes a problem for me as I have to style all generated divs and the CSS don't like divs named with a bracket.
Their code:
<div id="wwctrl_paytypeLogo_AMEX">
<div id="wwctrl_paytypeLogo_AMEX(SE)">
<div id="wwctrl_paytypeLogo_AMEX(DK)">
My 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; }
Is there anything I can do to have the CSS applied to the divs named using ()?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
主要问题是
(方括号)不是在 ID 属性中使用的有效字符。请参阅规范。但如果您无法更改 ID，则始终可以使用反斜杠 (
\) 来转义选择器中的括号（因为它们在其他情况下充当特殊的伪类字符）：The main issue is that
(brackets)aren't valid characters to use in ID attributes. See the spec.But if you can't change the IDs, you can always use backslashes (
\) to escape the brackets in your selectors (as they otherwise function as special pseudo-class characters):() 字符对于 HTML ID 属性无效。
HTML 中 id 属性的有效值是什么？< /a>
你需要用其他东西改变你的破解字符，或者完全删除它们。我建议阅读该问题的最高评价答案，因为还有其他字符虽然有效，但仍然可能导致问题。
The () characters are invalid for HTML ID attributes.
What are valid values for the id attribute in HTML?
You need to change your cracket characters with something else, or remove them entirely. I'd advise reading the top rated answer to that question, as there are other characters that, while valid, could still lead to problems.