Los puntos en los IDs de la Ribbon de #SharePoint 2010 #CSS

Quizá en algún momento se preguntaron como ocultar controles de las Ribbon de SharePoint 2010 utilizando sólo CSS. Por supuesto que esto es posible y bastante simple, pero hay un pequeño detalle que puede llevar a la confusión: los IDs de la Ribbon contienen puntos.

Por ejemplo:

<span class="ms-cui-ctl-large " id="Ribbon.ListItem.New.NewListItem-Large" aria-describedby="Ribbon.ListItem.New.NewListItem_ToolTip" unselectable="on" mscui:controltype="">

Entonces, el detalle, es que hay que usar la contrabarra antes del punto dentro de la CSS. Por ejemplo

#Ribbon\.ListItem\.New\.NewListItem-Large
{
    display:none;
} 

Gracias al post de Doug Ware por poner algo de luz sobre este tema. Pueden leerlo en: http://online.appdev.com/edge/blogs/doug_ware/archive/2011/08/02/hiding-a-sharepoint-ribbon-button-with-css.aspx

Hasta la próxima!