I have a page as blow:

<ul class="ms-cui-tabBody ms-cui-tabBody-or" id="Ribbon.EditingTools.CPInsert" role="tabpanel" aria-labelledby="Ribbon.EditingTools.CPInsert-title" unselectable="on">

I want to select ID and Class at the same time in CSS. But it doesn't work when I add CSS code to page.


How can I correct it?


1 Answer 1


You need to escape periods in your IDs. So your code would be something like this.

  • Hi, the code works, but I have another id Ribbon.EditingTools.CPEditTab on the same page, your code works on this id. How can I only choose id Ribbon.EditingTools.CPInsert ?
    – AnnaCICI
    Commented Jul 2, 2015 at 12:08
  • @MKQian: Ahh.. You wanted to select using both ID and class. I have updated my code to reflect that.
    – Naveen
    Commented Jul 2, 2015 at 12:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.