0

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">
...
</ul>

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.

#Ribbon.EditingTools.CPInsert.ms-cui-tabBody{
height:78px!important;
background-color:green;}

How can I correct it?

1

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

#Ribbon\.EditingTools\.CPInsert.ms-cui-tabBody 
{
    height:78px!important;
    background-color:green;
}
  • 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 Jul 2 '15 at 12:08
  • @MKQian: Ahh.. You wanted to select using both ID and class. I have updated my code to reflect that. – Naveen Jul 2 '15 at 12:14

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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