Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....

 

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

Автор Upgrader, 23-05-2016, 10:41:56

« назад - далее »

UpgraderTopic starter

Всем привет... делаю мобильную версию сайта
Моя задача убрать сделать (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 (плюсики в цсс)
Оказывается что с помощью них можно делать так чтобы менялось только на конкретной странице, но я не пойму как и что к чему.
Помогите пожалуйста решить эту проблема если это возможно...


Старый

Цитата: Upgrader от 23-05-2016, 10:41:56нашел в коде чтото совсем для меня новое - типа вот такого плана #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, то добавляйте внутренний стиль именно на эту страницу.


UpgraderTopic starter

#2
Тоесть через css я так понимаю тут уже никак не спасти ситуацию?

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


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

Старый

#3
CSS не читает урлов.  :)
Можно только привязать к элементу, атрибуту или их значениям. Или определённой последовательности. Привязка к урлу только программно. При выводе PHP/ASP, или на чём работает движок. Но можно снаружи, для обработки самим браузером, т.е. JS.

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


Цитата: Upgrader от 23-05-2016, 11:40:47а как можно выбрать елемент, который стоит не после, а перед каким то елементом? или такого в цсс нету?

Нельзя. Сам элемент, его дочерние или определённую последовательность, или по значению атрибута. Например:

[атрибут="значение"] - [title="cost"] - Выбирает все элементы с атрибутом title, значение которого в точности совпадает со значением указанным в селекторе (title="cost").

[атрибут~="значение"] - [title~="один"] - Выбирает все элементы с атрибутом title, в значении которого (в любом месте) встречается подстрока (в виде отдельного слова) "один" (title="один и два").

[атрибут|="значение"] - [lang|="ru"] - Выбор всех элементов с атрибутом lang, значение которого начинается с "ru".

[атрибут^="значение"] - a[href^="https"] - Выбор каждого элемента <a> с атрибутом href, значение которого начинается с "https".

[атрибут$="значение"] - [src$=".png"] - Выбирает все элементы с атрибутом src, значение которого оканчивается на ".png" (src="some_img.png").

[атрибут*="значение"] - [title*="один"] - Выбирает все элементы с атрибутом title, в значении которого (в любом месте) встречается подстрока (в виде отдельного слова или его части) "один" (title="один и два").

UpgraderTopic starter

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


Старый

#5
Например, все страницы в одном шаблоне. Но на странице с покупкой товара нужно изменить стилистику элементов P, UL и OL. При выводе страницы title генерируется и добавляется фраза "сумма покупки".

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

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

Или, с плюсиком:
[title*="сумма покупки"] p+ul {}



Если вам нравится SbUP Форум, вы можете поддержать его - BTC: bc1qppjcl3c2cyjazy6lepmrv3fh6ke9mxs7zpfky0 , TRC20 и ещё....