css - Jquery Accordion header state with h3:before -

i have jquery accordion insert font awesome icons before headers. in code have:

.ui-accordion h3:before {     font-family: 'fontawesome';     content: '\f0da';     margin:0 5px 0 -15px;     color: #000;     padding-right:10px; } 

which shows right caret before h3 titles on accordion. however, show in default mode, ui-state-default, , else when header has been clicked, or .ui-state-active. when try adding .ui-accordion .ui-state-default h3:before in place of .ui-accordion h3:before, right caret disappears. how do in css?

as right remember element "ui-accordion > h3" has own class "ui-state-default" right code should be:

.ui-accordion .ui-state-default:before {   font-family: 'fontawesome';   content: '\f0da';   margin:0 5px 0 -15px;   color: #000;   padding-right:10px; } 

also can simple use

.ui-state-default:before {   //your_code }