CSS选择器中带点(.)怎么办？

本文转载于:猿2048网站CSS选择器中带点(.)怎么办？

在SharePoint中不少元素的ID都用点(.)来链接的，好比：

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

熟悉css的都知道点(.)是用来标示类选择器的，若是直接用：

# Ribbon.Documents.EditCheckout{

}

做为选择器是不可能起做用的。

那么问题来了，怎么用把上面元素的id做为css的选择器呢？解决办法是用"转义符"，相似以下：

# Ribbon\.Documents\.EditCheckout{

}