The focus-visible pseudo-class for CSS applies when user agents visibly indicate focus on the currently-focused element.
selector:focus-visible { property: value; }
focus
focus-within
active
any-link
autofill
blank
checked
default
defined
dir
disabled
empty
enabled
first-child
first-of-type
fullscreen
has
hover
in-range
indeterminate
invalid
is
lang
last-child
last-of-type
link
local-link
modal
not
nth-child
nth-col
nth-last-child
nth-last-col
nth-last-of-type
nth-of-type
only-child
only-of-type
optional
out-of-range
picture-in-picture
placeholder-shown
popover-open
read-only
read-write
required
root
scope
target
valid
visited
where
World Wide Web Consortium (W3C)