如何使div表现得像链接

Question

我正在研究WordPress网站的辅助功能，我需要一些<div>来表现为链接，以便我可以使用TAB按钮与他们联系。

我只能使用CSS代码（没有HTML更改）。有办法吗？

如果我可以将tabindex提供给没有数字的元素，那对我有帮助 因为我不想丢失页面上的其他链接...

Answer 1

您可以使用以下::

div{
    content:tabindex("0");
}

Answer 2

您总是需要一个号码来订购tabindex。所以只有html的解决方案（css仅适用于此示例中的视觉但不影响功能）。

你也可以使用css来达到这个目的，但你仍然需要一个数字，并且每个都需要一个id（在类上有不同的，有序的数字），而且它的行多于这样做。

＆＃13;

＆＃13;

a{text-decoration:none; list-style:none; display:inline-block; margin:10px; color:#000;}
div{background-color:#DDD; padding:15px;}

＆＃13;

<a href="#"><div tabindex="1">lasasdsa</div></a>
<a href="#"><div tabindex="2">ghfghfh</div></a>
<a href="#"><div tabindex="3">dafs5d</div></a>

＆＃13;

＆＃13;

＆＃13;

运行代码段，单击页面的空白区域，然后按Tab键两次，然后按+ tab键。可以使用表单控件或链接。 希望它有所帮助，干杯！