Установка CSS-стилей для идентификаторов элементов с точкой

В SharePoint идентификаторы элементов часто содержат точки. Например, в ленте. Оказывается, назначить для таких элементов стили не просто, если не знать один прием.

Например, хотим скрыть элемент

<A title=Напоминание class="ms-cui-ctl-menu ms-cui-ctl-menu32 " id=Ribbon.Document.All.NewListItem.Menu.ContentTypes.0-Menu32 role=button onclick="return false;" href="javascript:;" mscui:controltype="Button" unselectable="on">

Если в стилях просто напишем

#Ribbon.Document.All.NewListItem.Menu.ContentTypes.0-Menu32 {display: none;}

То стиль не сработает.

Перед точками нужно добавить обратный слэш:

#Ribbon\.Document\.All\.NewListItem\.Menu\.ContentTypes\.0-Menu32 {display: none;}