CSS. Сделать исключение / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS. Сделать исключение

7 сообщений из 7, страница 1 из 1

CSS. Сделать исключение

#39948890

Volk65

Гость

Всем привет.

Для изображений в разделе задан такой стиль:

Код: css

1.
2.
3.
4.
5.
6.

.article img {
	border: 1px solid #4444;
	box-shadow: 5px 5px 5px #b8b8b8;
	margin-top: 5px;
	margin-bottom: 5px;
}

И все изображения внутри блока "article" выводятся правильно.
Но вот мне надо одно изображение вывести без теней и отступов. Определяю еще один стиль:

Код: css

1.
2.
3.
4.

.img_16 {
  border: 0 !important;
  box-shadow: 0 !important;
}

В HTML указываю этот стиль:

Код: css

<img class="img_16" src="http:...." width=16 height=16>

но оно отображается с тенями и рамкой.

Как правильно задать стиль отличный от основного стиля?

...

Рейтинг:

0 / 0

20.04.2020, 11:36

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949017

вадя

Участник

Откуда: Екатеринбург

Сообщения: 19 399

Рейтинг: 0 / 0

последовательность в css
.article img
.img_16 {
такая?

...

Рейтинг:

0 / 0

20.04.2020, 16:42

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949026

Volk65

Гость

да, сначала .article img{} затем .img_16{}

...

Рейтинг:

0 / 0

20.04.2020, 17:01

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949182

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Volk65

да, сначала .article img{} затем .img_16{}

Ответ не верный.
Селектор

Код: css

.article img{}

Все равно "перебьет" селектор

Код: css

.img_16{}

т.к. он более приоритетный.

"Выше" или "ниже" имеет смысл расставлять селекторы одинакового приоритета, но не разного.

...

Рейтинг:

0 / 0

21.04.2020, 07:40

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949183

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Вот так должно сработать

Код: css

1.
2.

.article img{}
.article .img_16{}

Или так

Код: css

1.
2.

.article .img_16{}
.article img{}

Поскольку теперь селектор

Код: css

.article .img_16{}

Более приоритетный.

Но для пущей ясности, в применении селекторов, желательно делать тестовые примеры с ХТМЛем. Так даже можно будет проверить прямо тут.

...

Рейтинг:

0 / 0

21.04.2020, 07:46

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949221

Volk65

Гость

Спасибо за подсказку. получилось так:

Код: css

1.
2.
3.
4.
5.
6.

.Article .img_16 {
  border: 0;
  box-shadow: 0 0 0 0;
  margin-top: 0px;
  margin-bottom: 0px;
}

Основная моя ошибка, что я пытался отменить тень так box-shadow: 0;
а надо было так box-shadow: 0 0 0 0;

...

Рейтинг:

0 / 0

21.04.2020, 10:13

| Ответить | Цитировать | Написать

CSS. Сделать исключение

#39949850

voraa

Гость

Volk65,

Код: css

1.
2.
3.
4.
5.
6.

.article img:not(.img_16) {
	border: 1px solid #4444;
	box-shadow: 5px 5px 5px #b8b8b8;
	margin-top: 5px;
	margin-bottom: 5px;
}

...

Рейтинг:

0 / 0

22.04.2020, 07:41

| Ответить | Цитировать | Написать

7 сообщений из 7, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS. Сделать исключение

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&fpage=10&tid=1443476]:	0ms
get settings:	8ms
get forum list:	12ms
check forum access:	3ms
check topic access:	3ms
track hit:	40ms
get topic data:	11ms
get forum data:	2ms
get page messages:	37ms
get tp. blocked users:	1ms
others:	298ms

total:	415ms