html - 所有 CSS 样式都不适用于 anchor 标记

Question

 a{
       text-decoration:none !important;
    color:white !important;    
    }
    a:hover{
         text-decoration:none !important;
    }
    section #portfolio div.container div.row div.portfolio-item div.card div.card-body h4.card-title a{
        text-decoration:none;
        color:white ;
    }
       section #portfolio div.container div.row div.card-body h4.card-title a:hover{
        text-decoration:none;
        color:white ;
    }
   h4.card-title a:hover{
                text-decoration:none;
        color:white ;
    }
  a:hover{
                text-decoration:none;
        color:white ;
    }
    section#portfolio div.container div.row div.col-lg-4.col-sm-6.portfolio-item div.card.h-100 div.card-body h4.card-title a.link{
               text-decoration:none;
        color:white ; 
    }
    h4.card-title a{
               text-decoration:none;
        color:white ; 
    }
    div.row div.col-lg-4.col-sm-6.portfolio-item div.card.h-100 div.card-body h4.card-title a.link{
               text-decoration:none;
        color:white ; 
    }
    button.btn.btn-success a:hover{
 text-decoration:none;
        color:white ; 
    }
        a{

               text-decoration: none;
    display: inline-block;
    color: white;
    background-color: black;
    }
    a:link              { color:red; }

 <section id="portfolio">
   <!-- Page Content -->
    <div class="container" >

      <!-- Page Heading -->
      <h1 class="my-4 text-center"> Portfolio </h1>

      <div class="row">
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top"  src="img/vgroup.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="http://mainvgroup.compy.global/">VGroup</a>
              </h4>
              <p class="card-text">Japan's largest independent aid organization </p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="img/vasdaq.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a class="link" href="http://mainvasdaq.compy.global/">Vaqdaq</a>
              </h4>
              <p class="card-text">Japan's largest independent support organization</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="img/nagateam.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="https://nagataico.com/">Naga Team Asia ICO</a>
              </h4>
              <p class="card-text">Naga Team Asia, operating in the virtual content trading business, is a company established for the purpose of developing and expanding the Asian sales strategy of NAGA Group.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="img/itcross.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="http://itcross.compy.global/">IT Cross Foundatoin</a>
              </h4>
              <p class="card-text">An abundance of Information Technology across the world is making life more convenient with the presence of IOT and robots.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="img/androbotics.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="http://androboticsclark.compy.global/">Androbotics Clark Inc</a>
              </h4>
              <p class="card-text">Androbotics create, develop and design websites using wordpress, we also offer dynamic website services for our partners.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="img/votingsystem.png" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">Voting System Using RSI Algorithm</a>
              </h4>
              <p class="card-text">E-voting is recording, storing and processing of electoral data of a voting system as digital information </p>
            </div>https://stackoverflow.com/questions/ask#
          </div>
        </div>
      </div>
      <!-- /.row -->
  </section>

我尝试了很多可能的方法来添加我的 CSS，即使在内联样式中也行不通。问题出在我的 chrome 上吗？在我关于如何设置 html 样式的其他元素中效果很好。但在这。我什至没有在 anchor 中添加 css。我知道这很简单，但对我不起作用。即使在悬停。它不会更改默认值。

Answer 1

打开开发者工具，右击刷新，左键清除缓存和硬重载。