Конкретный класс с анкерной CSS

Question

Я пытаюсь переопределить стиль на следующий HTML:

<a class="ui-state-default" href="#">7</a> 

Вопрос заключается в том, что ui-state-default класса используется во многих других местах, так что я не могу просто обновить его. Я пробовал следующее безрезультатно.

.ui-state-default a { 
    width:27px !important; 
} 

.ui-state-default: a { 
    width:27px !important; 
} 

a.ui-state-default { 
    width:27px !important; 
} 

Как настроить таргетинг только на этот якорный тэг для изменения стиля?

Answer 1

Ну это не очень хорошая идея, чтобы положить inline css, но если Вы не имеете onther способом, чем вы могли бы попробовать встроенный CSS так: <div class="ui-state-default" style="width:24px !important;">your stuff</div>

Основная часть style="width:27px !important;" положить в HTML разметки.

Может быть, это также работает .ui-state-default a * { width:27px !important;}