как правильно переместить внутренний тег стиля html в css? - PullRequest
Новая
       6

как правильно переместить внутренний тег стиля html в css?

0 голосов
/ 05 мая 2020

Я новичок в css и html,

хотел бы разделить части css и html, чтобы писать лучший код.

Написание компонент списка с опцией избранного / исключенного. это тело в моем индексе. html

хотел бы переместить style = "visibility: hidden" в файлы стилей css. css в том же проекте. как я могу получить доступ к этому тегу c из стилей. css?

спасибо! 

<body>

<ul class="leftSidebarList mdl-list">
    <li class="mdl-list__item mdl-list__item--three-line">
        <span class="mdl-list__item-secondary-content">
          <a class="likeUnlike" href="#">

          <i class="nonFavBtn" onclick="favOnclick(this)" class="material-icons">favorite_border</i>
          <i class="favBtn" onclick="favOnclick(this)" style="visibility:hidden" class="material-icons">favorite</i>

      </a>
    </span>
    </li>
</ul>

1 Ответ

0 голосов
/ 05 мая 2020

Есть две опции, которые вы можете сделать, чтобы переместить стиль в файл css. поскольку у вас есть два тега с одним и тем же классом 1) вы можете добавить дополнительный класс к этому тегу и добавить стиль css, например .mdl-list__item-secondary-content .fav {visibility: hidden;} 2) вы можете использовать селекторы css .mdl-list__item-secondary-content .likeUnlike i + i {visibility: hidden;} если css не работает, вы можете использовать видимость: hidden! important; ссылка https://www.w3schools.com/cssref/sel_element_pluss.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...