Как поменять стили элементу только на странице с определенным URL?

Question

[ton1_rose]

Добрый день %username%
Созрел вопрос, как мне поменять стили элементу только на странице с определенным URL
Думал сначала, попробовать обратиться к родительскому селектору и обойтись чистым CSS, с помощью соседних и дочерних селекторов +> но данный вариант реализовать к сожалению не получается (
В силу отсутствия навыка написания скрипов на JS(jQuery) хотел обратиться к Вам дорогие друзья.
Помогите, пожалуйста, написать простой скрипт с одним из данных вариантов и следующей логикой :

если url страницы http://sitename/pages/page1/
1 вариант:  тогда к элементу с классом "obj" добавить стиль color: red; 
2 вариант:  тогда к элементу с классом "obj" добавить класс "obj2"

Буду очень вам признателен если поможете разобраться :)

Answer 1

[Nwton]

https://jsfiddle.net/fhjv0bcu/1/
Добавляем класс special, к объекту id=item в зависимости от url.
p.s. Ты не сможешь заниматься веб, если не освоишь js. (не jquery, а именно js)

Comments

[Антон]

"Ты не сможешь заниматься веб, если не освоишь в js" - не согласен.

[ton1_rose]

Гайс спасибо за помощь, но возможно я что то не так делаю, реализовать оба примера не выходит,
В этом случае поменял линк и id
prntscr.com/ejgmfu
Возможно в синтаксисе ошибка ? или нужен вызов самой функции function setClsDependOnUrl() ?
если да то пробовал вставлять function setClsDependOnUrl() перед
Сам скрипт пробовал и в начале body ставить и в конце. помогите плс

[Nwton]

ton1_rose: вызов функции происходит так: setClsDependOnUrl()

[Nwton]

ton1_rose: вызов осуществлять в конце документа, перед закрытием body

[Stalker_RED]

Антон: Смотря что понимать под словами "заниматься веб", и на каком уровне это происходит. Понятно что некоторые бекенд разработчики могут писать кое-то там API и ничего не знать о js. Или контент-менеджеры, которые тоже как-бы занимаются веб не зная js.
Но сейчас разговор вроде как о фронтенде, а там без js можно только в манки-кодинг.

[Nwton]

Stalker_RED: он сеошник :)

[Антон]

Nwton: т.е. это было сказано в ключе, что если знаю сео, то автоматически не шарю в разработке?)

[Stalker_RED]

Nwton: даже для сеошника разница между просто GA и GA+js настолько велика, что есть смысл подучить js.

[Антон]

Stalker_RED: Да, если говорим про фронт...Встречающиеся мне задачи - более половины покрывает jquery, а вот нативная часть js, т.е. нужда в каких то там мистических, не часто встречающихся методах, появляется крайне редко. Вот, как бы посмотреть, какой процент от всего js используется во фронте? Я могу ошибаться, но знаний в процентов 20 будет достаточно, а уж далее, не говоря про ооп - это уже скилл и уже осознанный выбор направления развития.

[ton1_rose]

Ребят, я Вам очень признателен за помощь, но дело в том что адаптировать данный пример к сожалению не получается.
вот скриншот скрипта и его вызова: prntscr.com/ejhnwq
з.ы. прохожу основы по js, но дальше основ уйти пока не получилось ), вообще считаю что js крайне необходим для работы во фронтенде, без него как и сказал Stalker_RED разработка будет действительно манки-кодингом

[Stalker_RED]

ton1_rose: Надо полагать, в конце попытка вызова setClsDependOnUrl()? Но зачем там слово function?

P.S.: и вообще, модифицировать базовые объекты - дурной тон.

[ton1_rose]

Stalker_RED вызов пробовал как с fuction так и без )) в общем это никак не повлияло на результат класс special так и не добавился (

[Nwton]

Stalker_RED: да там много чего дурного. Даже !set в глаза бросается. Под рукой было, скопировал, вставил

[ton1_rose]

Nwton: бро можешь рабочий пример набросать плс ?

[Nwton]

ton1_rose: https://jsfiddle.net/fhjv0bcu/5/

[ton1_rose]

Nwton Респектум патронус, все работает !

Answer 2

[Alexander Pushkarev]

c jquery
1)

if ( location.pathname == '/pages/page1/' ) {
   $('.obj').css('color', 'red');
}

2)

if ( location.pathname == '/pages/page1/' ) {
   $('.obj').addClass('obj2');
}