I am performing some :focus
changes when a user tabs through a site, and am trying to add an outline of 2px solid #F3692B;
to the parent li
, when the <a>
tag is focused when the user tabs through the site.
This is the HTML:
<li class="panel activePage" style="width: 1038px; height: 340px;">
<a href="/about" class="" style="width: 100%; height: 100%;">
<img src="/sites/distribution.jpg" alt="Digital" class="active">
</a>
</li>
I know there is CSS to change the properties of a containing div and adjacent div, but I have not been able to find any way to change the CSS of a parent div.
Keep in mind I do NOT want to use jQuery for this!
Any suggestions?