如何使用'。'处理id标记在CSS中

Question

我的问题是我没有HTML代码来更改id以删除'.'...

是否可以处理这样的id，让我们说：

<td id='my.id'>

在CSS文件中执行以下操作：

#[my.id]{ ... }

我知道这不起作用（这是更多的访问方法），但我想知道CSS中是否有这样的语法？

Answer 1

尝试#my\.id CSS。

我不确定它是否适用于所有浏览器。我建议在id的

中避免使用点

Answer 2

使用“\”来转义特殊字符。

对于

        <div id="id.id">Red Color</div>

使用

        #id\.id
        {
            color: red;
        }

This问题或许是相关的。

Answer 3

令我惊讶的是，这很有效。我只在Chrome中对此进行了测试。

<style>
#my\.id {
 color:red;
} 
</style>

Answer 4

在点之前使用反斜杠：

#my\.id
{
    color: red;
    border: 1px dashed #f00;
}

Example here为你：）

Answer 5

据我所知，不允许在选择器中使用DOT：）