Почему не работает focus-visible?

202
22 октября 2021, 04:30

Есть код.

.link:focus { 
  outline: 10px solid black; 
} 
 
.link:focus-visible { 
  outline: 4px dashed darkorange; 
}
<a class="link" href="#">Ссылка</a>

Если я верно понял работу псевдокласса focus-visible, то он должен применить стили, прописанные внутри его тела, если посредством той же клавиши tab я переключусь на нужный элемент. Почему это не работает? Проверял в разных браузерах, в том числе, и в Мозиле.

Answer 1

css .link:focus { 
  outline: 10px solid black; 
} 
 
.link:focu, 
.link:visited { 
  outline: 10px solid black; 
}
<a class="link" href="#">Ссылка</a>

READ ALSO
Кастомные аллокаторы памяти

Кастомные аллокаторы памяти

Читал статью про кастомные аллокаторы, но не могу понять, как они выделяют память именно на куче, разве есть какой-то способ взять память на куче,...

149
Сортировка двоичного (бинарного) дерева

Сортировка двоичного (бинарного) дерева

Хочу написать двоичное дерево для хранения строкКак упрощенная задача - нужно отсортировать дерево на одном уровне

124
Segmentation fault. Найти строку, содержащую запись самого большого целого числа в десятичной системе

Segmentation fault. Найти строку, содержащую запись самого большого целого числа в десятичной системе

В коде много "странностей", но основная ошибка в том, что в функции поиска вы почему-то обращаетесь к text[column]Это, разумеется, совершенно не правильно

122
Call of overloaded is ambiguous при реализации своего алгоритма copy

Call of overloaded is ambiguous при реализации своего алгоритма copy

Есть самописное подобие stlСуть задачи - вектор пар (тоже самописные)

224