我提前说我对代码了解很少(几乎什么都不懂),所以请不要向我扔西红柿。我在网站上放了一个页脚,我刚刚在另一个网站上找到了一个第三方代码。插入代码后,菜单中的链接颜色和产品名称发生了变化。本来是黑色的,变成了亮蓝色。 这是我粘贴的代码:
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&width=320&height=200&lang=ru_RU&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/