样式在焦点的跨度元素

Question

我遇到的问题是将样式元素焦点硬编码到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>

Answer 1

Pseudoclass focus之前需要:，而不是.：

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

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