如何在样式表中设置这个 div 的样式？答案

【问题标题】：How do I set this div's style in the style sheet?如何在样式表中设置这个 div 的样式？
【发布时间】：2010-03-17 11:17:09
【问题描述】：

<style type="text/css">
   #[':0:adId'] {        /* this does not work */
      background:red;
   }
</style>

<div id=":0:adId">Loading...</div>

Google 地图使用这种 id 格式。如何设置样式？

【问题讨论】：

【解决方案1】：

您只需使用\ 转义:：

<style type="text/css">
    #\:0\:adId {
        background:red;
    }
 </style>

【讨论】：

【解决方案2】：

您可以使用属性选择器来做到这一点，如下所示：

div[id=":0:adId"] {
    background: red;
}

这不适用于所有浏览器（您猜是 IE），因此您可能必须在其中包含一些 javascript 才能做到这一点：

$('div[id=":0:adId"]').css({
    background: '#FFF'
});

（使用jQuery）

【讨论】：