Html 如何使用CSS隐藏字体图标

我似乎无法成功使用

display:none！重要的或<代码>可见性：隐藏

隐藏菜单栏并关闭桌面上的图标。我也尝试过将代码应用到我网站上的其他对象上（比如英雄按钮），但也没有成功

但是，您将看到以下代码仅适用于关闭图标的类

fa-fa-times

HTML代码：

<!--homepage header -->   
    <section class="header">
        <nav>
            <a href="index.html"> <!--add logo-->
                <img src="" alt=""><!--add links-->
            </a>
            <div class="nav-links">
                <div class="close-icon">
                    <!--menu close icon-->
                    <i class="fas fa-times"></i>
                </div>                
                <ul>
                    <li><a href="">HOME</a></li><!--add links-->
                    <li><a href="">ABOUT</a></li><!--add links-->
                    <li><a href="">SOFTWARE</a></li><!--add links-->
                    <li><a href="">BLOG</a></li><!--add links-->
                    <li><a href="">CONTACT</a></li><!--add links-->
                </ul>
            </div>
            <div class="menu-bars">
                <!--menu icon-->
                <i class="fas fa-bars"></i>
            </div>            
        </nav>

请试一试

nav {
    display: none;
    /*padding: 2% 6%;
    justify-content: space-between;
    align-items: center;*/
 }

@media (max-width: 700px) {
   nav {
    display: flex;
    padding: 2% 6%;
    justify-content: space-between;
    align-items: center;
  }
 }

在添加CSS文件的头部部分添加

     src="folder/stye.css?v=1.1"

---

将

v=1.1

更改为

1.2

或

1.3.1

等。。每当您在CSS文件中进行更改时。

@TechySharnav thnx。我在手机上，所以不能用正确的格式写答案……是的，我明白。没问题！！

     src="folder/stye.css?v=1.1"