Всем привет... делаю мобильную версию сайта
Моя задача убрать сделать (display:none) на разрешении меньше 1000 корзину и контакты-тоесть "column-right"
Вся проблема в том что эта корзина прописана в одном и том же блоке для всех страниц сайта и когда убираю там, то убирается везде, а мне нужно только на конкретной странице.
вот на этой: http://casio-time/muzhskie-chasy/edifice-1/mugskie-chasy-casio-edifice-ecb-500d-1aer.html (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, то добавляйте внутренний стиль именно на эту страницу.
Тоесть через css я так понимаю тут уже никак не спасти ситуацию?
Добавлено: 23-05-2016, 11:44:34
а как можно выбрать елемент, который стоит не после, а перед каким то елементом? или такого в цсс нету?
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="один и два").
Для меня это какое то всё не понятное, не совсем понимаю какой смысл этого и как его так применять чтобы отличилось всё от обычного ЦСС, даже примерник не могу представить нормальный, если можно просто обращатся к класу нужному и всё)
Например, все страницы в одном шаблоне. Но на странице с покупкой товара нужно изменить стилистику элементов P, UL и OL. При выводе страницы title генерируется и добавляется фраза "сумма покупки".
Вот тут и пригождается тот самый плюсик:
[title*="сумма покупки"] p, [title*="сумма покупки"] ol, [title*="сумма покупки"] li
{color:red;}
Примерно так. :)
Или, с плюсиком:
[title*="сумма покупки"] p+ul {}