-2

我是 css 和 html 的新手，

想将 css 和 html 部分分开，以便编写更好的代码。

编写一个带有收藏/不收藏选项的列表组件。这是我的 index.html 中的正文

想将 style="visibility:hidden" 移动到同一项目下的css文件styles.css中。我如何从 styles.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>
4

1 回答 1

0

有两个选项可以将样式移动到 css 文件。因为您有两个具有相同类的标签 1) 您可以向此标签添加额外的类并添加 css 样式，例如 .mdl-list__item-secondary-content .fav{visibility:hidden;} 2) 您可以使用 css 选择器 .mdl-list__item -secondary-content .likeUnlike i+i {visibility:hidden;} 如果 css 不起作用，您可以使用 visibility:hidden !important; 参考 https://www.w3schools.com/cssref/sel_element_pluss.asp

于 2020-05-05T08:36:03.747 回答