html - 焦点上的样式跨度元素

我遇到的问题是硬编码HTML标签中的样式元素焦点。
在css页面上，它看起来像这样：

span.select.focus {
    background:rgba(189, 189, 189);
    border-right:solid 8px rgba(170, 194, 31, 0) !important;
}

我在哪里可以样式化元素而无需关注

<span data-prefix="Shopping cart: " class="select profile" id="wordsPerQuiz" style="background-color: rgb (189,189,189)"> </span>

这是我的尝试。

  <span data-prefix="Shopping cart: " class="select profile" id="wordsPerQuiz" style="background-color: rgb (189,189,189)" focus="background-color: rgb (189,189,189)"> </span>

最佳答案

伪类focus需要在:之前，而不是.：

span.select:focus {
    background:rgb(189, 189, 189);
    border-right:solid 8px rgba(170, 194, 31, 0) !important;
}

在HTML中，具有span.select.focus选择器的元素为<span class="select focus">。

关于html - 焦点上的样式跨度元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28743387/