Сократить правило 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

Сообщений: 22227 Регистрация: Май 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)

Новые темы	Объявления	Свободное общение
00:23 Раскрутка форума 00:19 Продвижение по ключам 17:40 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 14:07 2Index - быстрая индексация страниц сайта и обратных ссылок 12:02 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 22:23 Подскажите нормальный сервис накрутки ПФ 09:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	05:30 CoinCapital 04:22 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:53 №1 Рассылка / Инвайтинг [TELEGRAM] \| Приватный метод 19:52 Trustpilot Reviews \| Подниму рейтинг вашей компании 19:52 Продвижение YouTube видео в топ поиска \| Любой тип контента \| Гарантия результата 19:52 Установка\|Настройка\|Доработка\|Наполнение сайтов\|Дизайн\|3D\|Видеомонтаж	16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру 20:43 Добро пожаловать в цифровой мир... 15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники?

Вверх