• Данный материал предоставлен сайтом исключительно в ознакомительных целях.
    Администрация не несет ответственности за его содержимое. По всем жалобам пишите на почту abusevhguru@yandex.ru

Помощь Не работает (Псевдокласс :active)

Alexkulikov

Опытный
Сообщения
251
Реакции
108

Alexkulikov

  • 251
  • 108
Ты проверил, ссылки в <link><a href="ссылка на страницу">текст</a></link>
 

Alexkulikov

Опытный
Сообщения
251
Реакции
108

Alexkulikov

  • 251
  • 108

VartosS

Premium
Сообщения
42
Реакции
17

VartosS

  • 42
  • 17
Мне нужно при переходе на F.A.Q чтобы подсвечивалось, чтобы active перешел на ту ссылку
1597060279646.png
 

Alexkulikov

Опытный
Сообщения
251
Реакции
108

Alexkulikov

  • 251
  • 108

VartosS

Premium
Сообщения
42
Реакции
17

VartosS

  • 42
  • 17
У тебя даже аторизация не работает, я нажимаю залогиниться через вк и просто возвращает обратно в меню. Настрой лог через вк
она работает со всех устройст, у вас какие то проблемы, у 3-х человек с телефона не заходит, я удалил себя из базы, и все равно со всех устройств работает...
 

Alexkulikov

Опытный
Сообщения
251
Реакции
108

Alexkulikov

  • 251
  • 108
она работает со всех устройст, у вас какие то проблемы, у 3-х человек с телефона не заходит, я удалил себя из базы, и все равно со всех устройств работает...
Кароч говорю, напиши мне в телегу @benalezz обсудим вопрос
 

VsemFak

Легенда
Сообщения
1,227
Реакции
824

VsemFak

  • 1,227
  • 824
Ты пишешь про ПСЕВДОКЛАС :active а в стилях у тебя класс .active

Код:
.nav .active a {
  border-color: #ff8214;
  color: #fff;
}
НО, это немножко не так работает.
Псевдокласс :active не для этого. Он нужен для стилизации ссылки по которой ты нажал.

А тебе нужно применить стили для вкладки на которой ты находишься.
Реализация этого зависит от того на чем написан скрипт.
Если на JS то нужно записывать в переменную активную вкладку, и под каждым из вкладок написать условие
1597060883470.png

например:
var href;
(в зависимости от активной вкладки) href = faq;

а потом в стилях

<a class=`nav + ${href == 'index' ? 'active' : ''} `> Главная </a>
<a class="nav + ${href == 'buys' ? 'active' : ''}"> Мои покупки </a>
<a class="nav + ${href == 'faq' ? 'active' : ''}"> FAQ </a>

Таким образом мы добавляем класс active к стилям вкладки в зависимости от открытой вкладки.

Похожим будет и на laravel, в зависимости от того как устроена структура шаблонов.
 

Ospanov

Местный
Сообщения
111
Реакции
14

Ospanov

  • 111
  • 14
Ты пишешь про ПСЕВДОКЛАС :active а в стилях у тебя класс .active

Код:
.nav .active a {
  border-color: #ff8214;
  color: #fff;
}
НО, это немножко не так работает.
Псевдокласс :active не для этого. Он нужен для стилизации ссылки по которой ты нажал.

А тебе нужно применить стили для вкладки на которой ты находишься.
Реализация этого зависит от того на чем написан скрипт.
Если на JS то нужно записывать в переменную активную вкладку, и под каждым из вкладок написать условие
Посмотреть вложение 3928
например:
var href;
(в зависимости от активной вкладки) href = faq;

а потом в стилях

<a class=`nav + ${href == 'index' ? 'active' : ''} `> Главная </a>
<a class="nav + ${href == 'buys' ? 'active' : ''}"> Мои покупки </a>
<a class="nav + ${href == 'faq' ? 'active' : ''}"> FAQ </a>

Таким образом мы добавляем класс active к стилям вкладки в зависимости от открытой вкладки.

Похожим будет и на laravel, в зависимости от того как устроена структура шаблонов.
?
 

VartosS

Premium
Сообщения
42
Реакции
17

VartosS

  • 42
  • 17
Ты пишешь про ПСЕВДОКЛАС :active а в стилях у тебя класс .active

Код:
.nav .active a {
  border-color: #ff8214;
  color: #fff;
}
НО, это немножко не так работает.
Псевдокласс :active не для этого. Он нужен для стилизации ссылки по которой ты нажал.

А тебе нужно применить стили для вкладки на которой ты находишься.
Реализация этого зависит от того на чем написан скрипт.
Если на JS то нужно записывать в переменную активную вкладку, и под каждым из вкладок написать условие
Посмотреть вложение 3928
например:
var href;
(в зависимости от активной вкладки) href = faq;

а потом в стилях

<a class=`nav + ${href == 'index' ? 'active' : ''} `> Главная </a>
<a class="nav + ${href == 'buys' ? 'active' : ''}"> Мои покупки </a>
<a class="nav + ${href == 'faq' ? 'active' : ''}"> FAQ </a>

Таким образом мы добавляем класс active к стилям вкладки в зависимости от открытой вкладки.

Похожим будет и на laravel, в зависимости от того как устроена структура шаблонов.
Добавил немного другим путем, все работает
 
Сверху