小编fra*_*nos的帖子

在CSS样式：

.outer {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #000;
  overflow: hidden;
}

.outer:focus {
  outline: 10px solid #00FF00;
}

.inner {
  position: absolute;
  width: 50%;
  height: 200px;
  background-color: #F0F;
  left: 50%;
}

.inner:focus {
  outline: 10px solid #FFFF00;
}

该HTML代码：

<div tabindex="0" class="outer">
<div tabindex="0" class="inner">

的问题：我想打内格可聚焦与外框，但因为overflow: hidden;我不能做到这一点。这只是一个例子。另外，overflow: hidden当焦点位于内部 div 时，我不想触摸外部 div 的 ，所以这不会发生。也许有一种简单的方法（只有代码，没有 imgs-graphics）来在可聚焦元素上实现某种边框？

*仅CSS-HTML 代码请。没有JS

假设我想制作一个可点击的图像（比如站点徽标或其他），如下所示：

<a href="theblablasite.com"><img src="logo_or_whatever.png"></a>

如果我想让它可访问，我应该将aria-label链接与alt图像一起使用还是仅使用aria-label？

此外，关于是否同时使用 title 和 alt 有很多意见，正确的做法是什么，为什么？

说我有这样的事情：

function one() {
    var findthemall = document.querySelectorAll("*");
    var i;
    for (i = 0; i < findthemall.length; i++) {
        //doin' some cool stuff
    }
}

现在，我知道我可以querySelectorAll在它们之间使用逗号列出多个标签，但是有没有一种简单的方法可以为某些特定的类/标签设置例外？

喜欢： querySelectorAll("*, but not p and br tags")