София Чагина's questions

我提前说我对代码了解很少（几乎什么都不懂），所以请不要向我扔西红柿。我在网站上放了一个页脚，我刚刚在另一个网站上找到了一个第三方代码。插入代码后，菜单中的链接颜色和产品名称发生了变化。本来是黑色的，变成了亮蓝色。 这是我粘贴的代码：

HTML

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<!-- Footer -->
    <section id="footer">
        <div class="container">
            <div class="row text-center text-xs-center text-sm-left text-md-left">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <h5>Информация</h5>
                    <ul class="list-unstyled quick-links">
            <li><a href="http://kiprus.ru/feedback"><i class="fa fa-angle-double-right"></i>Обратная связь</a></li>
            <li><a href="tel:8(969)400-46-90"><i class="fa fa-angle-double-right"></i>+7(969)400-46-90</a></li>
                        <li><a href="mailto:info@kiprus.ru"><i class="fa fa-angle-double-right"></i>info@kiprus.ru</a></li>
            <li><a href="https://kiprus.ru/blog"><i class="fa fa-angle-double-right"></i>Полезные статьи</a></li>
                        <li><a href="https://kiprus.ru/o-kompanii"><i class="fa fa-angle-double-right"></i>О компании</a></li>
                        
                        <li><a href="https://kiprus.ru/dostavka"><i class="fa fa-angle-double-right"></i>Доставка</a></li>
                        <li><a href="https://kiprus.ru/oplata"><i class="fa fa-angle-double-right"></i>Оплата</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <h5>Наша продукция</h5>
                    <ul class="list-unstyled quick-links">
                        <li><a href="https://kiprus.ru/avtomatika"><i class="fa fa-angle-double-right"></i>Автоматика</a></li>
                        <li><a href="https://kiprus.ru/pribory-kontrolya"><i class="fa fa-angle-double-right"></i>Приборы контроля</a></li>
                        <li><a href="https://kiprus.ru/pribory-dlya-tehnologicheskih-protsessov"><i class="fa fa-angle-double-right"></i>Приборы для технологических процессов</a></li>
                        <li><a href="https://kiprus.ru/zapornaya-i-reguliruyuschaya-armatura"><i class="fa fa-angle-double-right"></i>Запорная и регулирующая арматура</a></li>
                        <li><a href="https://kiprus.ru/kontrolno-izmeritelnye-pribory"><i class="fa fa-angle-double-right"></i>Контрольно-измерительные приборы</a></li>
            <li><a href="https://kiprus.ru/pribory-ucheta"><i class="fa fa-angle-double-right"></i>Приборы учета</a></li>
            <li><a href="https://kiprus.ru/soputstvuyuschie-tovary"><i class="fa fa-angle-double-right"></i>Сопутствующие товары</a></li>
                    </ul>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <h5>Наш адрес</h5>
                    <ul class="list-unstyled quick-links">
                        <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A64c60aaf0a2ad265d0326abe3f4401c25673b2549427962ba2a7f47bcd2374e0&amp;width=320&amp;height=200&amp;lang=ru_RU&amp;scroll=true"></script>
</ul>
                </div>
            </div>

            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5">
                    
                </div>
                <hr>
            </div>  
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white">
                    <a class="text-green ml-2" href="https://kiprus.ru/" target="_blank">© 2019-2022 Kiprus.ru Все права защищены </a></p>
                </div>
                <hr>
            </div>  
        </div>
    </section>
    <!-- ./Footer -->

我注意到如果你在 HTML 代码的开头删除它

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

然后链接再次变黑，但页脚变得难看。

我在网上找到了这段代码：

    a:link {    /* unvisited link */    color: #384B7A;
    text-decoration: none;
}
a:visited {    /* visited link */    color: #384B7A;
      text-decoration: none;
}
a:hover {    /* mouse over link */    color: #6FFF57;
      text-decoration: none;
    border-bottom: none;
}
a:active {    /* active link */    color: #000000;
      text-decoration: none;
}

这有助于修复链接上的颜色，但它也改变了所有渐变按钮上的文本。它是白色的，但现在几乎看不见了。

我怎样才能让按钮上的文字再次变白而其他一切都保持黑暗？在那些平台支持中，他们写信给我：要离开页脚并返回标准样式，您可以将第三方样式代码（来自 bootstrap.min.css 文件）添加到 user.css 文件并删除那些覆盖标准的。这并不能保证系统的正确运行。在您的情况下，链接样式（标签）被覆盖。

但可惜我什么都不懂，他们也没有再说什么。有人可以帮助我...我将不胜感激。网站https://kiprus.ru/