Css 使用:将伪类集中在li或除a、input、button等之外的其他元素上

Css 使用:将伪类集中在li或除a、input、button等之外的其他元素上,css,css-selectors,pseudo-class,Css,Css Selectors,Pseudo Class,是否可以选择一个聚焦的元素,如:focus或input:focus,但选择另一个元素,如div、li、span或else 如果不可能,如何用标签替换? 我试图修改li元素聚焦时的高度,尝试使用a,但高度不会改变 请求的信息: “你能解释一下你是如何关注李的吗?” 通过css选择器li:focus。请参阅。您无法聚焦列表项。甚至不用脚本。我试过做$(“li:first”).focus(),但它什么都没做。CSS不会被设置为聚焦。这仅仅意味着您不能聚焦列表项,或者:focus伪类不能对列表项工作

是否可以选择一个聚焦的元素,如:focus或input:focus,但选择另一个元素,如div、li、span或else

如果不可能,如何用标签替换? 我试图修改li元素聚焦时的高度,尝试使用a,但高度不会改变


请求的信息:


“你能解释一下你是如何关注李的吗?”


通过css选择器
li:focus
。请参阅。

您无法聚焦列表项。甚至不用脚本。我试过做
$(“li:first”).focus()
,但它什么都没做。CSS不会被设置为聚焦。这仅仅意味着您不能聚焦列表项,或者
:focus
伪类不能对列表项工作

在列表项中放置锚
  • ...

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

这很简单:只需为通常不会聚焦的元素添加一个
tabindex
属性。

你能解释一下你是如何聚焦LI的吗?我就是这样做的,我看不出你的
LI
在哪里聚焦的?您所提供的只是一组
LI
元素,一个可以聚焦的链接。以及聚焦元素的CSS设置。这就是为什么我问你,你是如何关注
LI
元素的?我想唯一的办法就是在你的
LI
里放一个锚定标签,使它可以聚焦。。。当然不是直接
LI
,我正试图通过聚焦(单击)LI元素来修改高度。我试着用了一个,但是高度没有改变。我在我的li标签中插入的每个锚上都放了一个tabindex。但是仍然不能对它们调用:focus css规则。。。有人让它工作了吗?@s4nji高度不会改变吗?将其作为内联块。@Alex聚焦于
li:focus
li a:focus
?晚些时候当然可以。问题是你的选择器在#95。将其更改为
nav.menu-custom-wiki>ul>li>a:focus+div
,它开始在主菜单项单击时显示子菜单(这会使它们聚焦)。我在他的JSFIDLE上尝试了这一点,因为我突然想到它可以聚焦。。。似乎不起作用…
tabindex=“0”
表示元素应在顺序键盘导航中聚焦,但其顺序由文档的源顺序定义-
<ul>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    ...
</ul>