相当于DOM焦点的CSS（）

Question

我想将焦点放在特定事件的按钮上。 伪代码可以是，

if (event == "EventX") {
  document.getElementById('myAnchor').focus();
}

是否有document.getElementById('myAnchor').focus();的等效CSS？

Answer 1

我觉得我在这里感到困惑，正如@Paulie评论的那样，我认为你要找的是自动对焦一个元素加载而不是你不能用CSS做，如果你愿意，你需要可以在您想要关注的元素上使用autofocus属性，例如

<input type="text" autofocus />

---

如果要为聚焦元素设置样式，则需要使用:focus伪

input[type=text]:focus {
    border: 1px solid red;
}

Demo

当我看到你的id myAnchor，所以你可以写你的选择器，以使其更具体

#myAnchor:focus {
    /* Styles goes here */
}

Answer 2

您无法使用CSS更改元素的状态。虽然CSS可以根据特定状态设置元素的样式，但它实际上不能触发这些状态。要做到这一点，你使用JavaScript，而不是CSS，因为DOM API是用JavaScript实现的，而不是CSS。