我怎样才能撤消＆＃34;概述：无;没有删除规则？

Question

我正在使用WordPress主题，该主题已将outline:none;应用于:focus状态的多个元素。我需要在不修改父主题文件的情况下否定这一点，但似乎没有任何工作。

以下是我尝试的内容：

*:focus { outline: inherit !important; }
*:focus { outline: initial !important; }
a, a:focus { outline: inherit !important; }
a, a:focus { outline: initial !important; }

我真的想把它重置为默认值，但到目前为止唯一的结果是：

*:focus { border: 3px solid red !important; }

但我真的不想手动设置样式，只是让浏览器做他们的事情。

Answer 1

我同意@ soulshined关于使用课程的评论，但您正在寻找的价值是auto。

Snippet（手动将其集中在开发人员工具中）

＆＃13;

＆＃13;

a:focus {
  outline: 0;
}

#withOutline:focus {
  outline: auto;
}

＆＃13;

<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a href="javascript:void(0)">A bunch of text</a>
<a id="withOutline" href="javascript:void(0)">A bunch of text</a>

＆＃13;

＆＃13;

＆＃13;