我在我的 css 上到处都放了“text-decoration: none”,但没有一个有效

问题描述

标题里都说了,我试了很多东西,但都没有效果,我不明白为什么,这是我第一次遇到这个问题。

在任何 div 中,什么都不起作用!

我见过论坛尝试使用“a:link {text-decoration: none!Important”和“important”的变体,但没有任何效果,我不知道它来自哪里。

我的代码

body {
    font-family: Arial;
   
}

a:link,a:hover {
    text-decoration: none;
}

.nav {
    padding-top: 10px;
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
    padding-right: 20px;
    word-spacing: 12px;
    
}

.nav .right a .item 

{
    font-size:15px;
    text-decoration:none;
}



.nav .right .accountButton 
{
    border-radius: 20px;
    color:#f5f5f5;
    background-color:#76dafb;
    border:none;
    font-size:18px;
    margin-top:9px;
}

.google {
    display: flex;
    padding-top: 110px;
    justify-content: center;
    padding-bottom: 20px;
}

.share
{
    height:32px;
    width:32px;
    margin-top:140px;
    margin-left:15px;
}

.bar {
    margin: 0 auto;
    width: 575px;
    border-radius: 70px;
    border: 1px solid #dcdcdc;
    
}

    .bar:hover {
        Box-shadow: 1px 1px 8px 1px #dcdcdc;
    }

    .bar:focus-within {
        Box-shadow: 1px 1px 8px 1px #dcdcdc;
        outline: none;
    }
.searchbar {
    height: 45px;
    border: none;
    width: 500px;
    font-size: 16px;
    outline: none;
    border-radius: 70px;
}
.voice {
    height: 20px;
    position: relative;
    bottom:2px;
    left: 30px;
}

.search {
    height: 20px;
    position: relative;
    bottom: 2px;
    right: 510px;
    opacity:0.5
}

.buttons 
{
    display:flex;
    justify-content:center;
    margin-top:20px;
    font-size:14px;

}

.button {
    margin: 5px;
    padding: 10px 20px;
    background-color: #f5f5f5;
    border: none;
    color: #000000;
    border-radius: 4px;
    font-size:15px;
}

    .button:hover {
        border: 1px solid #c8c8c8;
        padding: 9px 19px;
        color: #808080;

    }


footer {
    background: #f2f2f2;
    border-top: solid 2px #e4e4e4;
    margin-top: 360px;
    width: 100%;
    border-bottom: solid 10px #f2f2f2;
}
footer .footer a
{
    text-decoration:none;
}
footer .footer .first {
    padding-left: 40px;
    padding-top: 15px;
    opacity: 0.7;
}


footer .second 
{
    padding-left: 40px;
    display: flex;
    justify-content: space-between;
    opacity:0.7;    

}
 
footer .second .items

{
    padding:12px;
    font-size:15px;
    
}
footer .right
{
    margin-left:200px;
}
    footer .right .r-item {
        
        padding: 12px;
        font-size: 15px;
    }

    footer .middle {
        margin-left: 200px;
    }
<body>
    <div class="nav">
        <div class="right">
            <a href="http://gmail.com/" class="item">Gmail</a>
            <a href="https://www.google.com/imghp?hl=FR" class="item">Images</a>
            <a class="item"><img src="images/Box.jpg"></a>
            <a href="#account">
                <button type="button" class="accountButton">M</button>
            </a>


        </div>
        

        </div>
    
    <div class="google">
        <img src="images/gif.gif" />
        <img src="images/share.png" class="share" />
    </div>

    <div class="bar">
        <input class="searchbar" type="text" title="Search">
        <a href="#"> <img class="voice" src="images/mic.png" title="Search by Voice"></a>
        <a href="#"> <img class="search" src="images/search.svg" title="Searchlogo"></a>
    </div>
    <div class="buttons">
        <button class="button" type="button">Recherche Google</button> 
        <button class="button" type="button">J'ai de la chance</button>
    </div>

    <footer>
        <div class="footer">
            <div class="first">
                <p>France</p>
            </div>
            <hr />
            <div class="second">
                <div class="left">
                    <a href="https://about.google/?utm_source=google-FR&utm_medium=referral&utm_campaign=hp-footer&fg=1" style="text-decoration:none "class="items">À propos</a>
                    <a href="https://ads.google.com/intl/fr_fr/home/?subid=ww-ww-et-g-awa-a-g_hpafoot1_1!o2m--ahpm-0000000068-0000000002&utm_source=google.com&utm_medium=referral&utm_campaign=google_hpafooter&fg=1" class="items">Publicité</a>
                    <a href="https://smallbusiness.withgoogle.com/intl/fr_fr/?subid=fr-fr-et-g-awa-a-g_hpbfoot1_1!o2&utm_source=google&utm_medium=ep&utm_campaign=google_hpbfooter&utm_content=google_hpbfooter&gmbsrc=fr-fr-et-gs-z-gmb-s-z-u~sb-g4sb_srvcs-u#!/" class="items">Entreprise</a>
                    <a href="https://www.google.com/search/howsearchworks/?fg=1" class="items">Comment fonctionne la recherche Google ?</a>
                </div>
                <div class="middle">
                    <a href="https://sustainability.google/intl/fr/commitments-europe/?utm_source=googlehpfooter&utm_medium=housepromos&utm_campaign=bottom-footer&utm_content=">Neutre en carbone depuis 2007</a>
                </div>
                <div class="right">
                    <a href="https://support.google.com/websearch/answer/7585859?p=fr_consumer_info&hl=fr&fg=1&visit_id=637533038681009770-2020925636&rd=1" class="r-item">Info consommateurs</a>
                    <a href="https://policies.google.com/privacy?hl=fr&fg=1" class="r-item">Confidentialité</a>
                    <a href="https://policies.google.com/terms?hl=fr&fg=1" class="r-item">Conditions</a>
                    <a href="#" class="r-item">Paramètres</a>
                </div>
            </div>
        </div>
    </footer>
</body>

提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...