Перезаписать стиль гиперссылки в Rails

Question

Я использую Bootstrap для моего стиля CSS. Я хотел бы подделать ссылку как кнопку, поэтому мне нужно отключить стиль при наведении курсора:

a:hover {
         color: #00438a;
         text-decoration: underline;

}

Как переопределить свойства наведения в моем html-файле (и не перезаписывать то, что было определено в Bootstrap).

Спасибо.

Answer 1

Вы не можете «отключить» стили CSS, вы можете только явно установить их на что-то другое (значение inherit является в некоторой степени исключения).В любом случае, в вашем случае:

• Добавьте class к вашей ссылке
• Создайте для него новое правило в таблице стилей
• Определите ваши стили

Что-то вроде:

.my-class:hover {
      color: {YOUR_COLOR};
      text-decoration: none;
}

Вы также можете использовать встроенный стиль и !important, если вам действительно нужно:

<a style="text-decoration:none !important"></a>

Избегайте второго метода всякий раз, когдавозможно (то есть почти всегда).

Answer 2

Создайте стиль для определенного тега id.

Так измените:

a:hover {
     color: #00438a;
     text-decoration: underline;
}

до

a#some_id_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}

Или создайте определенный класс, который переопределяет, если вы хотите повторно использовать стиль.

a.some_class_tag_name:hover {
     color: #00438a;
     text-decoration: underline;
}