CSS選取器中帶點(.)的解決辦法

在SharePoint中很多元素的ID都用點(.)來串連的，比如：

<li class="ms-cui-group" id="Ribbon.Documents.EditCheckout" unselectable="on">

熟悉css的都知道點(.)是用來標示類別選取器的，如果直接用：

# Ribbon.Documents.EditCheckout{}

作為選取器是不可能起作用的。

那麼問題來了，怎麼用把上面元素的id作為css的選取器呢？解決辦法是用"轉義符"，類似如下：

# Ribbon\.Documents\.EditCheckout{}