单击并保持时不需要的锚标签状态更改

Question

当我在我的网站上的锚标签上单击并按住鼠标按钮时，它们会改变状态，即它们缩小，增长或改变背景颜色。它最近开始，但我不知道我做什么css改变的时间/之后。

我已经搜索了谷歌，并在这里推断正在发生的事情，没有运气。我确定它是css冲突的组合，但我似乎无法找到与检查员发生冲突的地方。

该网站是sentinel.sentinelpowersystems.com - 它是我一直在修改的引导版本。

任何帮助都会很棒 - 我还在学习。

Answer 1

它确实与对main.css进行的css更改有关。我发现几次出现的css选择器适用于所有关注的元素。例如，在main.css中，我看到：

.accordion-toggle:hover,:focus{color: #fff;text-decoration: none;outline: 0;background-color: #2f66cb;font-size: 15px;}

我已经格式化了一点：

.accordion-toggle:hover,
:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2f66cb;
    font-size: 15px;
}

这适用于由于.accordion-toggle:hover和（,}因:focus而悬停的所有元素而被悬停的所有带有手风琴转换类的元素。我不确定你对此的意图，也许你希望它也适用于所有的子元素。在这种情况下，请将其写为：

.accordion-toggle:focus,
.accordion-toggle:focus * {
    ...
}

要查找所有匹配项，只需在,:focus

上搜索您的css即可