Проблемы с css при создании мобильной верстки

Автор Тема: Проблемы с css при создании мобильной верстки  (Прочитано 2933 раз)

Оффлайн UpgraderАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 1
  • Сообщений: 68
  • Карма: 1
  • Пол: Мужской
    • Кулинарные рецепты с фото

Оффлайн UpgraderАвтор темы

  • Пользователь
  • **
Всем привет... делаю мобильную версию сайта
Моя задача убрать сделать (display:none) на разрешении меньше 1000 корзину и контакты-тоесть "column-right"

Вся проблема в том что эта корзина прописана в одном и том же блоке для всех страниц сайта и когда убираю там, то убирается везде, а мне нужно только на конкретной странице.
вот на этой: http://casio-time/muzhskie-chasy/edifice-1/mugskie-chasy-casio-edifice-ecb-500d-1aer.html

нашел в коде чтото совсем для меня новое - типа вот такого плана #column-left + #column-right + #content (плюсики в цсс)
Оказывается что с помощью них можно делать так чтобы менялось только на конкретной странице, но я не пойму как и что к чему.
Помогите пожалуйста решить эту проблема если это возможно...


Оффлайн Старый

  • Бизнес оценка: (9, 100%)
  • Мастер
  • *****
  • СПАСИБО: 1715
  • Сообщений: 5576
  • Карма: 159
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации

Оффлайн Старый

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1715
    • Сообщений: 5576
    • Карма: 159
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
нашел в коде чтото совсем для меня новое - типа вот такого плана #column-left + #column-right + #content (плюсики в цсс)
Оказывается что с помощью них можно делать так чтобы менялось только на конкретной странице, но я не пойму как и что к чему.

Страница тут ни при чём. К URL подобная запись не имеет отношения.
Запись типа - элементХ+элеменY  <==>   ul + p { color: red; }
Выделяет последующий элемент. Он будет выбирать только элемент типа Y, который идет сразу после элемента Х, т.е., в данном примере текст первого абзаца после каждого ul будет красного цвета. В вашем случае (#column-left + #column-right + #content) выбирается #content, но только, если он идёт в коде сразу после #column-right, если #column-right следует за #column-left.

Наверное не очень понятно.  :) Поэтому привёл свой пример с красным фоном, там одно условие, а не 2, как у вас.  :)

Может предложат ещё что-то, например JS. Но если использовать только CSS, то добавляйте внутренний стиль именно на эту страницу.

Оффлайн UpgraderАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 1
  • Сообщений: 68
  • Карма: 1
  • Пол: Мужской
    • Кулинарные рецепты с фото

Оффлайн UpgraderАвтор темы

  • Пользователь
  • **
Тоесть через css я так понимаю тут уже никак не спасти ситуацию?

Добавлено: 23-05-2016, 11:44:34

а как можно выбрать елемент, который стоит не после, а перед каким то елементом? или такого в цсс нету?
« Последнее редактирование: 23-05-2016, 11:44:34 от Upgrader »

Оффлайн Старый

  • Бизнес оценка: (9, 100%)
  • Мастер
  • *****
  • СПАСИБО: 1715
  • Сообщений: 5576
  • Карма: 159
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации

Оффлайн Старый

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1715
    • Сообщений: 5576
    • Карма: 159
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
CSS не читает урлов.  :)
Можно только привязать к элементу, атрибуту или их значениям. Или определённой последовательности. Привязка к урлу только программно. При выводе PHP/ASP, или на чём работает движок. Но можно снаружи, для обработки самим браузером, т.е. JS.

Добавлено: 23-05-2016, 11:55:29

а как можно выбрать елемент, который стоит не после, а перед каким то елементом? или такого в цсс нету?

Нельзя. Сам элемент, его дочерние или определённую последовательность, или по значению атрибута. Например:
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.
« Последнее редактирование: 23-05-2016, 11:55:29 от Старый »

Оффлайн UpgraderАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 1
  • Сообщений: 68
  • Карма: 1
  • Пол: Мужской
    • Кулинарные рецепты с фото

Оффлайн UpgraderАвтор темы

  • Пользователь
  • **
Для меня это какое то всё не понятное, не совсем понимаю какой смысл этого и как его так применять чтобы отличилось всё от обычного ЦСС, даже примерник не могу представить нормальный, если можно просто обращатся к класу нужному и всё)


Оффлайн Старый

  • Бизнес оценка: (9, 100%)
  • Мастер
  • *****
  • СПАСИБО: 1715
  • Сообщений: 5576
  • Карма: 159
  • Ищу работу постоянную, удалённую с окладом.
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации

Оффлайн Старый

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (9, 100%)
    • СПАСИБО: 1715
    • Сообщений: 5576
    • Карма: 159
    • Ищу работу постоянную, удалённую с окладом.
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
Например, все страницы в одном шаблоне. Но на странице с покупкой товара нужно изменить стилистику элементов P, UL и OL. При выводе страницы title генерируется и добавляется фраза "сумма покупки".

Вот тут и пригождается тот самый плюсик:
[title*="сумма покупки"] p, [title*="сумма покупки"] ol, [title*="сумма покупки"] li
{color:red;}

Примерно так.  :)

Или, с плюсиком:
[title*="сумма покупки"] p+ul {}
« Последнее редактирование: 23-05-2016, 23:27:22 от Старый »


 

Похожие темы

  Тема / Автор Ответов Последний ответ
4 Ответов
4215 Просмотров
Последний ответ 30-11-2010, 23:31:51
от armid
11 Ответов
3372 Просмотров
Последний ответ 25-07-2013, 18:21:38
от Бабайка
14 Ответов
2774 Просмотров
Последний ответ 25-07-2013, 16:17:49
от Безбашенный прораб
1 Ответов
856 Просмотров
Последний ответ 14-04-2014, 20:36:31
от Juiseed
9 Ответов
10384 Просмотров
Последний ответ 12-03-2020, 16:45:23
от Clever