div가 링크처럼 작동하도록하려면 어떻게해야합니까?

Question

WordPress 웹 사이트의 내게 필요한 옵션 기능을 사용하고 있으며 일부는 <div>이 탭 단추로 연결할 수 있도록 링크로 작동해야합니다.

CSS 코드 만 사용할 수 있습니다 (HTML 변경 없음). 그것을 할 수있는 방법이 있습니까? 나는 번호가없는 요소에 tabindex을 줄 수 있다면 나는 페이지의 다른 링크를 잃고 싶지 않기 때문에

, 그것은

Answer 1

는 다음을 사용할 수 있습니다 ... 나에게 도움이 될 ::

을

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

Answer 2

tabindex를 주문하려면 항상 번호가 필요합니다. 그래서 html로만 해결할 수 있습니다 (CSS는이 예제에서는 시각적으로 사용되지만 functionallity에는 영향을주지 않습니다).

css를 사용하여이 문제를 해결할 수도 있지만 번호가 필요하며 각 번호 (클래스에 주문 번호가 다름)와 그 이상의 행을 필요로합니다.

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

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

실행 조각은, 다음, 두 번 흰색 페이지의 공간, 보도 탭을 클릭 Shift + Tab을. 폼 컨트롤 또는 링크가 있으므로 작동합니다. 희망, 건배!