Переопределение одного стиля кнопки диалога YUI

Question

Я пытаюсь переопределить стиль кнопки, используемой в одном диалоговом окне YUI. Я создал файл css, который имеет

#mydialog.yui-button { 
// style customization 
} 

Где mydialog - это идентификатор диалогового окна. Это не работает. Может кто-нибудь объяснить, что я делаю неправильно?

Answer 1

Вы должны быть более конкретными с селектором. если YUI использует

вам нужно что-то вроде

#wrapper #main a#mydialog.yui-button 

думать об этом, как это

HTML элементов = 1 Классы = 10 идентификаторам = 100 Встроенные стили = 1000

#wrapper=100 + #main=100 + #mydialog=100 + .yui-button=10 = 310 
#wrapper=100 + #main=100 + a=1 + #mydialog=100 + .yui-button=10 = 311 

Если это не работает, вы всегда можете прибегнуть к добавлению импортеров. следует предупредить, что использование импортеров вместо специфичности считается плохой практикой и не должно быть сделано, если помогло.

пример:

#mydialog.yui-button{ 
    color: #000 !important; 
} 

всегда после последнего значения свойства и перед точкой с запятой.

Наконец, если это не удается, у вас, вероятно, нет правильного класса и/или идентификатора. также убедитесь, что ваша таблица стилей загружается.

Answer 2

Если класс CSS для кнопки YUI не является «yui-button», ваше правило неверно. Предполагая, что вы используете элемент «кнопка» для кнопки, а не «вход», правильный путь будет:

#mydialog button { 
    // style customization 
} 

Надежда, что помогает.