Html 为什么'div:focus'在没有tabindex的情况下不起作用

Html 为什么'div:focus'在没有tabindex的情况下不起作用,html,css,Html,Css,div:focus不起作用 新闻组:焦点{ 背景色:红色; } 将 你 结婚 Me嗯,div不是一个可聚焦的元素,添加tabindex=-1将允许div是可聚焦的,就这么简单。另外,使用tabindex=-1,您甚至可以使不可选项卡的元素成为可选项卡的,当在包含不可选项卡元素的表单中使用时非常方便 提示:在接受键盘的元素上允许使用:焦点选择器 事件或其他用户输入 然后,div不是可聚焦对象 Plz,回顾:聚焦 如果你想测试它是否真的工作,使用一个输入,它确实是可聚焦的。你会看到它在工作 输入

div:focus不起作用

新闻组:焦点{ 背景色:红色; } 将 你 结婚
Me嗯,div不是一个可聚焦的元素,添加tabindex=-1将允许div是可聚焦的,就这么简单。另外,使用tabindex=-1,您甚至可以使不可选项卡的元素成为可选项卡的,当在包含不可选项卡元素的表单中使用时非常方便

提示:在接受键盘的元素上允许使用:焦点选择器 事件或其他用户输入

然后,div不是可聚焦对象

Plz,回顾:聚焦

如果你想测试它是否真的工作,使用一个输入,它确实是可聚焦的。你会看到它在工作

输入:焦点{ 背景色:红色; } 将 你 结婚 我
我从@Turnip comment得到了我想要的

我的问题: 如果我添加了tabindex,为什么它会起作用??为什么没有tabindex它就不能工作?我不想要答案我只想知道原因

答复: tabindex内容属性允许作者控制元素是否应该是可聚焦的,是否应该使用顺序焦点导航来访问它,以及为了顺序焦点导航的目的,元素的相对顺序是什么。名称选项卡索引来自常用的选项卡键,用于在可聚焦元素中导航。术语选项卡是指通过使用顺序焦点导航可以到达的可聚焦元素向前移动


它在添加tabindex属性时起作用,因为这意味着div元素将接受用户焦点。由于div不打算与之交互,因此默认情况下它们不接受焦点。请不要滥用格式化工具。你已经有足够长的时间知道如何正确安排问题的格式。你能告诉我否决票的原因吗?我认为否决票的原因是因为你应该做更多的研究,像你这样高的代表表示你应该知道这一点。所以,@RameshRajendran它就在规范中:-tabindex content属性允许作者控制元素是否应该是可聚焦的…这正是我想要知道的。但是,当添加tabindex=-1时,它将如何转换为可聚焦元素?默认情况下,元素可以有:active状态。但只有某些元素是可聚焦的,正如@RoryMcCrossan所说,div是不可编辑的。添加决定元素制表顺序的tabindex并将其设置为-1将允许div可编辑,但不会包含在制表顺序中。欲了解更多详情,请访问@RameshRajendran@RameshRajendran1.默认情况下,div不是可聚焦的元素。2.tab-able元素是可聚焦的元素。因此,使div可用于制表符将使其可聚焦。@ibrahimmahrir可用于制表符的元素是可聚焦的元素,我知道了。但我想知道为什么标签元素是可聚焦元素???请注意,W3Schools不是,也从来不是“文档”。他们不是一个参考,只是一个很久以前假装隶属于W3C的网站,并且通过搜索引擎优化登上了谷歌的巅峰。他们的文章经常过时,有时甚至完全错了。MDN更加全面和准确:Ok。但我的主要问题是,在添加tabindex=-1???@rorymcrossan时,如何将其转换为可编辑元素,这是关于W3Schools的一个很好的解释。我曾经效力的一家公司阻止我们访问他们的文档。我想这就是原因。我可能建议找一个更知名的来源来回答这个问题。@Rorymcrossan你没问题,但是你的链接没有说我贴在那里的关键提示。添加两个链接:这是因为它是tabindex,而不是:focus选择器: