Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS. Сделать исключение / 7 сообщений из 7, страница 1 из 1
20.04.2020, 11:36
    #39948890
Volk65
Volk65
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
Всем привет.

Для изображений в разделе задан такой стиль:
Код: 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
1.
<img class="img_16" src="http:...." width=16 height=16>


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

Как правильно задать стиль отличный от основного стиля?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.04.2020, 16:42
    #39949017
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
последовательность в css
.article img
.img_16 {
такая?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.04.2020, 17:01
    #39949026
Volk65
Volk65
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
да, сначала .article img{} затем .img_16{}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.04.2020, 07:40
    #39949182
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
Volk65
да, сначала .article img{} затем .img_16{}

Ответ не верный.
Селектор
Код: css
1.
.article img{}


Все равно "перебьет" селектор
Код: css
1.
.img_16{}


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

"Выше" или "ниже" имеет смысл расставлять селекторы одинакового приоритета, но не разного.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.04.2020, 07:46
    #39949183
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
Вот так должно сработать
Код: css
1.
2.
.article img{}
.article .img_16{}


Или так
Код: css
1.
2.
.article .img_16{}
.article img{}


Поскольку теперь селектор
Код: css
1.
.article .img_16{}


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

Но для пущей ясности, в применении селекторов, желательно делать тестовые примеры с ХТМЛем. Так даже можно будет проверить прямо тут.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.04.2020, 10:13
    #39949221
Volk65
Volk65
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
Спасибо за подсказку. получилось так:
Код: 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
| Ответить | Цитировать | Написать  
22.04.2020, 07:41
    #39949850
voraa
voraa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CSS. Сделать исключение
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / CSS. Сделать исключение / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 359ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1443476]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 30ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 231ms
total:  359ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]