переопределить стиль css на элементе

Question

Итак, у меня есть элемент в моем html, который мне нужен для применения специального стиля. Я могу настроить элемент с помощью css, но он перегружает множество других мест в css. Как обеспечить, чтобы один стиль применялся вместо другого?

Я пробовал использовать! Важно в моем css, но он все равно не сработает.

Я говорю о

ul.M1 li.M3 { 
    font-size:13px; 
} 

, но этот один не используется вместо этого используется:

li.M3 { 
    font-size: 100px; 
} 

и получает перекрываться кучу других местах тоже.

Answer 1

порядок старшинства в CSS:

• Встроенные стили
• Встроенные стили
• Внешние стили

и селектор старшинства:

• ID селектор
• селектор атрибута
• селектор класса
• селектор ребенок
• смежного селектор родственного
• селектор потомка
• селектор типа

но !important имеет самый высокий приоритет, и если два или больше правил имеет !important, тогда приоритет будет таким, как указано выше.

ul.M1 li.M3 { 
    font-size:13px; !important 
} 

Answer 2

Исправьте правописание и используйте !important вместо !importent.

НАПРИМЕР,

ul.M1 li.M3 { 
    font-size:13px !important; 
} 

Объявите это в самый последний из таблицы стилей и связать эту таблицу стилей на вашей странице в самом конце </head>.

Надеюсь, это поможет.

Answer 3

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

li.M3 { 
    font-size: 100px !important; 
} 

Answer 4

Вы должны быть в состоянии использовать важно без проблем:

ul.M1 li.M3 { 
    font-size:13px !important; 
} 

Но я рекомендую не делать этого. Я стараюсь избегать использования !important любой ценой. Причина в том, что, как только он применяется, его очень трудно отменить.Это может привести к некоторым существенным проблемам с обслуживанием.

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

Затем создайте новый, немного более конкретный селектор, который будет нести больше веса. Например, если применить идентификатор к вашим ul, вы можете использовать его для создания более конкретного селектора, который должен победить:

ul#myID li.M3 { 
    font-size:13px !important; 
}