Перезапустите наследование CSS и наведите - PullRequest
Новая
       26

Перезапустите наследование CSS и наведите

1 голос
/ 24 сентября 2019

У меня проблема.В моем веб-проекте я использую CSS.В некоторые моменты я хочу перезапустить наследование из родительского класса.У меня есть несколько классов, которые определяют мои стили, но я хочу сбросить все стили без наведения.Когда я использую сброс таким образом: 

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

Это работает, но когда я добавляю color: #868e96; в стиле inline, наведение не работает.Эти два класса 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>

1 Ответ

0 голосов
/ 25 сентября 2019

Я нашел ошибку.Я пытался установить стиль на тег <i>.Когда я изменил его для тега <div>, он работает.Но сейчас я не знаю почему.Это из-за того, что в CSS я не могу установить стиль для тега <i>?Может кто-нибудь объяснить это?

...