Question

以下是我的代码。 css块中的“active”命令有效，因为当点击div时它会改变颜色，但是当放开点击时，它的边框应该变成红色，如css块中的“target”命令所述，但事实并非如此。想法？

DATEPART(YEAR, D) * 100 + DATEPART(wk, D)

Answer 1

:target适用于id属性的元素，该属性与URL中第一个#字符后面显示的字符串相匹配。这就是当您链接到页面上特定的内容时，可以突出显示它以吸引眼球。

由于元素没有id，因此:target伪类无法应用。

:focus适用于具有焦点的元素。一般来说，单击一个元素会使焦点成为焦点......但前提是该元素首先是焦点。

焦点的关键在于，当在不使用指示设备（例如鼠标，触控板或触摸屏）的情况下与用户界面交互时，您可以通过某些其他机制（例如，按Tab键）在交互式控件之间移动。然后你可以触发（例如按Enter）聚焦元素。

这仅在元素触发时执行某些操作时才有用（例如，如果它是链接或按钮）。默认情况下，div不会在触发时执行任何操作。它是一个通用的容器。

您可以使用JavaScript（addEventListener）为元素添加交互性，并且可以使用tabindex属性将元素标记为交互式...但您通常应该选择不同的元素（例如{{ 1}}）而不是。

Answer 2

您正在寻找:focus。

HTML

    <div class="svar-grid">
      <div class="svar" tabindex="-1"><h4>Testing</h4></div>
    </div>

CSS

.svar-grid .svar:focus {  ....   }

正如您所看到的，我将tabindex="-1"添加到div中，因为div不能自然地聚焦。给它-1 tabinde make是可以专注的

以下是:target应该做的事情https://developer.mozilla.org/en-US/docs/Web/CSS/:target，它应与网址一起使用

我不确定为什么你需要专注于div或者是否与它有任何互动。但是如果与div有交互，你应该使用button或锚标签，具体取决于它的用法