css using:将伪类焦点放在li或除a、input、button等之外的其他元素上

a7qyws3x  于 2022-11-26  发布在  其他
关注(0)|答案(2)|浏览(165)

是否可以选择一个具有焦点的元素(如a:focus或input:focus),但选择另一个元素(如div、li、span或else)?
如果不可能,如何用标记替换?我尝试修改li元素的高度,当它成为焦点时,尝试使用a,但高度不会改变。
请求的信息:
“你还能解释一下你是如何把注意力放在LI上的吗?”
通过css选择器li:focus。参见https://jsfiddle.net/s4nji/Rjqy5/

wztqucjr

wztqucjr1#

这很简单:只需向通常不接收焦点的元素添加一个tabindex属性。

i34xakig

i34xakig2#

你不能聚焦列表项。甚至不能使用脚本。我试过做$("li:first").focus(),但是它什么也做不了。CSS没有被设置成好像它被聚焦了一样。这简单地意味着你要么不能聚焦列表项,要么:focus伪类不能在列表项上工作。

将锚点放在列表项内

<ul>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    ...
</ul>

这看起来会聚焦你的列表项,但实际上会聚焦锚标签。

相关问题