Перезаписать класс CSS

Question

У меня есть класс css пауза .Это применяется на разных страницах.Только один раздел разметки не margin-left: 42px; , поэтому я хочу сделать его 0px .Я не хочу использовать новый класс, потому что я применяю этот класс динамически, используя jQuery для определенных условий.

Итак, мне нужно переписать класс, чтобы сделать margin-left: 0px; из разметки.

css

.pause a{
         background-image:url(../img/pink_pause.png);float:left;
         height:26px;width:96px; margin-left:42px; margin-top:6px;
         }   

разметка

<td  class="pause  bid_button_logout bidder_name">
<a href="login"></a>
</td>  

Как я могу нейтрализовать поля слева любым другим классом или любым другим способом?

Answer 1

Вы можете разделить .pause на два класса CSS, где один из них определяет только дополнительное поле, и просто не применять этот класс к классам, которым не требуется поле.

Или установите атрибут style для элемента следующим образом: style="margin-left: 0;", это переопределит значение css.

Или вы можете создать класс anoter с именем say .noMargin, например:

.noMargin{ margin-left: 0 !important; } 
/* important overrides other class values 
   even if the cascading would not */

и примените этот класс к тем, у кого вы не хотите иметь дополнительное поле.

Answer 2

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

<a href="login" style="margin-left:0">

Answer 3

Если bid_button_logout или bidder_name уникальны для ситуации, когда вы не хотите оставлять поля, добавьте margin-left:0px; к любому из этих классов (но убедитесь, что они идут после .pause a в вашем файле CSS. Если нет, используйтеваш условный jQuery для добавления встроенного стиля, который будет обходить оригинальный стиль левого поля.

Answer 4

Попробуйте важный хак:

margin-left: 0px !important;

Answer 5

Или, если вам действительно нужно переключить классы, см. toggleClass

Answer 6

Если вы хотите использовать встроенный стиль:

<a href="login" style="margin-left:0px;"></a>

Или создайте новое объявление:

.bid_button_logout a{
    margin-left: 0px; 
}

, но оно должно прийти после .pause a.