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

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

Новые темы	Объявления	Свободное общение
12:35 TacoLoco - рекламная сеть от LosPollos. Большие объёмы качественного трафика! 15:08 Adtrafico - Правильная партнёрская сеть под бурж трафик 21:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 21:06 Кто как борется с ботами ПФ? 16:51 Buymedia.biz - рекламная сеть 13:36 Партнерская программа OWNR WALLET 14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг	10:48 DualCoin - быстрый криптовалютный обменник 21:39 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 18:50 Европейский эквайринг 18:36 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 19:40 Высококачественные и надежные прокси-серверы и 5G 16:16 ZennoPoster - софт №1 для автоматизации любых SEO задач! 15:55 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust	18:39 Точные прогнозы на футбол 15:43 Заказать телефонный флуд. 12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 11:40 Кто сделает прогон для адалт сайта? 09:25 Добро пожаловать в цифровой мир... 10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому 08:08 С юмором по жизни!

Вверх