html - 重启css继承和hover

Question

我有一个问题。在我的网络元素中，我使用了 css。在某些时候，我想从父类重新开始继承。 我有一些定义我的样式的类，但我想在不悬停的情况下重置所有样式。 当我以这种方式使用重置时:

<a id="hrefSite" href="{{route('about') }}"><i style="all: unset; font-size: 150px;" class="conf conf-ui"></i></a>

它有效，但是当我在样式内联中添加 color: #868e96; 时，悬停不起作用。 这两个类 conf conf-ui 必须保留，因为我在其中加载了 google、fb 等图标。 我试着写另一个类来做到这一点:

.newStyle{
    all: unset; !important;
    font-size: 150px;
    color: #868e96;
}

<a id="hrefSite" href="{{route('about') }}"><i class="conf conf-ui newStyle"></i></a>

但它无法正常工作。尺寸不正确。

编辑: 这是我在 HTML 中的层次结构。

<div class="col-md-12 col-lg-4">
   <div class="cr">
       <div class="cr-block cntr"
           <div class="icon">
              <a id="hrefSite" href="{{route('about') }}"><i class="conf conf-ui newStyle"></i></a>
           </div>
       </div>
   </div>
</div>

Answer 1

我发现了错误。 我试图将样式设置为 <i>标签。当我将其更改为 <div>标记它有效。 但现在我不知道为什么。 这是因为在 css 中我无法为 <i> 设置样式标签？ 谁能解释一下？