我是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>
有两个选项可以将样式移动到css文件。因为您有两个类相同的标签1( 您可以向该标记添加额外的类，并添加css样式，如.mdl-list__item-secondary-content.fav｛可见性：隐藏；｝2( 你可以使用css选择器.mdl-list__item-secondary-content.like不同于i+i｛visibility:hidden；｝如果css不起作用，可以使用visibility：hidden！重要的参考https://www.w3schools.com/cssref/sel_element_pluss.asp