@4Geka
PHP

Как прописать стили к конкретной строчке кода для моб версии?

Всем привет, нужна помощь, мне к определенной строчке необходимо прописать стили в моб версии:

@media (min-width: 768px) and (max-width: 991px) {
... {

  }
}


Ниже хтмл код и в нем жирным я выделил строчку, к которой нужно прописать стили, но я так туплю что не могу сообразить как к этой строчке прописать.

Вот строчка к которой нужны стили:
<a style="position:absolute;font-size: 24px;top:-17px;right:-40px;" class="icon fl-bigmug-line-user144" href="#"></a>


Весь хтмл код:

<ul class="rd-navbar-nav">
                  <li class="active"><a href="1_main.html">Главная</a></li>
                  <li class="rd-navbar--has-dropdown rd-navbar-submenu"><a href="#">О компании</a>

                    <!--RD Navbar Dropdown-->
                    <ul class="rd-navbar-dropdown">
                      <li><a href="1_abo_1.html">Производство</a></li>
                      <li><a href="1_abo_2.html">Руководство</a></li>
                    </ul>
                    <!--END RD Navbar Dropdown-->
                    
                  <span class="rd-navbar-submenu-toggle"></span></li>
                  <li class="rd-navbar--has-dropdown rd-navbar-submenu"><a href="#">О продукте</a>
                    <ul class="rd-navbar-dropdown">
                      <li><a href="1_abo_3.html">Общая информация</a></li>
                      <li><a href="1_abo_4.html">Применение</a></li>
                      <li><a href="1_abo_5.html">Отзывы/рекомендации</a></li>
                    </ul>
                  <span class="rd-navbar-submenu-toggle"></span></li>
                  <li><a href="1_sho.html">Интернет-магазин</a>
                  </li>
                  <li><a href="1_dil_1.html">Дилерам</a>
                    <!--END RD Navbar Megamenu-->
                  </li>
                  <li><a href="1_blo_1.html">Блог</a></li>
                  <li class="rd-navbar--has-dropdown rd-navbar-submenu"><b><a style="position:absolute;font-size: 24px;top:-17px;right:-40px;" class="icon fl-bigmug-line-user144" href="#"></a></b>
                    <ul class="rd-navbar-dropdown">
                      <li><a href="1_use_1.html">Заказы</a></li>
                      <li><a href="#">Выйти</a></li>
                      <li><a href="1_use_2.html">Войти</a></li>
                    </ul>
                  <span class="rd-navbar-submenu-toggle"></span></li>
                </ul>


Прошу помочь пожалуйста, заранее спасибо.
  • Вопрос задан
  • 268 просмотров
Решения вопроса 1
one_day
@one_day
<a class="icon fl-bigmug-line-user144 new" href="#"></a>

.new {
position:absolute;
font-size: 24px;
top:-17px;
right:-40px;
}
@media (min-width: 768px) and (max-width: 991px) {
.new {
position:absolute;
font-size: 10px;
top:-2px;
right:-10px;
  }
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы