Блог

Главная - Вопросы по программированию - Возможно ли написать правило css, а затем попросить некоторые элементы игнорировать его?

Возможно ли написать правило css, а затем попросить некоторые элементы игнорировать его?

#css

#css

Вопрос:

Я хочу, чтобы все изображения принимали это правило

 img{width:300px;height:300px;}

за исключением пары изображений, для которых я хочу сохранить соотношение по умолчанию. Как это может быть достигнуто? Я знаю, что это не лучшая практика, но из-за определенных ограничений проекта это может быть единственным способом, которым я могу этого добиться.

Ответ №1:

 .default-image
{
  width: auto; 
  height: auto;
}

<!-- Image with default bounds -->
<img src="..." class="default-image" />

Ответ №2:

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

 img{width:300px;height:300px;}

а также

 img.keepMySize{width:auto;height:auto;}

тогда на изображение с классом keepMySize не будут влиять размеры, которые вы присвоили img в целом.

Ответ №3:

CSS3 6.6.7. Псевдокласс отрицания http://www.w3.org/TR/css3-selectors/#negation

Примеры: Следующий селектор соответствует всем элементам button в HTML-документе, которые не отключены. кнопка: нет ([ОТКЛЮЧЕНА])

 img:not(.thisimage) {...}

Совместимость