Сократить правило css

Сообщений: 982 Регистрация: Мар 2015

2 Июля 2018 22:26

Допустим по умолчанию есть такое правило:
#block-B .col p.a, #block-B .col p.b {width: 200%;}
Можно ли сократить это правило написав один раз #block-B ?

Saybb

Сообщений: 1443 Регистрация: Мар 2013

2 Июля 2018 22:31

А что, так не работает ?#block-B .col p.a, .col p.b

Лучшая программа для проверки позиций сайта (15 дней теста бесплатно)

Сайт с онлайн трансляциями, плеерами и видео, Практика рабочая тема Яндекс

Web Guru

Сообщений: 982 Регистрация: Мар 2015

2 Июля 2018 22:36

Цитата
Saybb пишет: А что, так не работает ?#block-B .col p.a, .col p.b

Нет, так не работает, потому что в данном правиле .col p.b - не относится к #block-B

Eye

Сообщений: 22215 Регистрация: Май 2011

3 Июля 2018 00:00

.w{width:200%}, ну а в коде страницы уже оперируйте классом w.

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

Артем Малков

Сообщений: 725 Регистрация: Апр 2011

3 Июля 2018 02:52

Мои варианты решения.

Вариант 1:

Код
#block-B div p {width: 200%;}

Вариант 2:

Код
#block-B p {width: 200%;}

Вариант 3:

Код
#block-B div.col p {width: 200%;}

Вариант 4:

Код
#block-B p.a, #block-B p.b {width: 200%;}

Вариант 5:

Код
#block-B .a, #block-B .b {width: 200%;}

p.s. Это чисто зацепка по CSS, без изменения структуры и идентификаторов HTML.

Изменено: Артем Малков - 3 Июля 2018 03:06

Самый быстрый хостинг на SSD. Месяц в подарок. Поддержка 24/7. Помощь в переезде.

Передовое сообщество вебмастеров. Тебе к нам!

Похожие темы:

11.11.2014 17:57

Необычное правило adsense

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
06:11 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:47 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 08:27 Ищу специалистов 08:18 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд 08:12 ру гембла	04:05 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:00 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 23:00 Trustpilot Reviews \| Подниму рейтинг вашей компании 22:59 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 22:59 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж 22:04 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:58 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика	07:35 Что случилось с форумом? 03:07 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь

Вверх