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

Question

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

0

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

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

Я говорю о

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

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

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

и он также перегружает кучу других мест.

IronMonkey 17 янв. 2014, в 14:18

Источник

1

сейчас важна важность :), поменяйте порядок, в котором появились классы, это может вам помочь
A.T. 17 янв. 2014, в 12:27
0

если возможно создать jsFiddle ??
A.T. 17 янв. 2014, в 12:38

Теги:

html

css

4 ответа

7

Исправьте орфографию и использовать !important вместо !importent.

Например,

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

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

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

Nitesh 17 янв. 2014, в 09:51

0

это написано правильно в моем CSS :)
IronMonkey 17 янв. 2014, в 12:28
0

Объявите это в самой последней таблице стилей и свяжите эту таблицу стилей на своей странице в самом конце </ head> - @IronMonkey
Nitesh 17 янв. 2014, в 12:29

0

!important ! Важно за правилом, которого вы хотите выполнить.

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

Gaucho_9 17 янв. 2014, в 11:24

0

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

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

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

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

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

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

Mister Epic 17 янв. 2014, в 10:17

Ещё вопросы

сейчас важна важность :), поменяйте порядок, в котором появились классы, это может вам помочь
это написано правильно в моем CSS :)
Объявите это в самой последней таблице стилей и свяжите эту таблицу стилей на своей странице в самом конце </ head> - @IronMonkey

Zaheer Ahmed · Accepted Answer · 2014-01-17T11-26-00.000Z

порядок приоритета в css:

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

и приоритет выбора:

Селектор ID
селектор атрибутов
селектор классов
дочерний селектор
смежный селектор
селектор потомков
селектор типа

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

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