Hi Rewati,
Example for applying class on segmented buttons. In this no need to toggle the classes as in segment button that's already take care by control itself.
XML view:
<SegmentedButtonselectedKey="kids" class="myClass">
<items>
<SegmentedButtonItemtext="Kids"key="kids"/><SegmentedButtonItemtext="Adults"/><SegmentedButtonItemtext="Seniors"/>
</items>
Css:
.myClass .sapMSegBBtn {<your css to change all the segment buttons>}
.myClass .sapMSegBBtn.sapMSegBBtnSel {<css to change the selected segment button>}
use :hover on each of the classes to change the hover properties of the buttons.
Thanks
Viplove