<分区>
<分区>
第一次在这里发帖。我正在为一个在线 Web 开发类(class)做一个元素,我使用页脚标签创建了一个页脚,我正在使用 Bootstrap CSS 文件和我的 CSS 文件。我已经使用 anchor 标记来添加链接,但由于某种原因我无法删除文本装饰,我尝试了内部、外部和内联样式表,但没有任何效果。这是下面的页脚代码,此页脚页面已使用 include() 函数包含在我的 index.php 文件中。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type=" text/css">
<!-- My CSS -->
<link rel="stylesheet" href="bootstrap/css/style.css" type=" text/css">
<!-- jQuery library -->
<script src="bootstrap/js/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-4">
<h4>Information</h4>
</div>
<div class="col-xs-6 col-sm-4">
<h4>My Account</h4>
</div>
<div class="col-xs-6 col-sm-4">
<h4>Contact Us</h4>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4">
<p><a href="">About Us</a><br>
<a href="">Contact Us</a>
</p>
</div>
<div class="col-xs-6 col-sm-4 content">
<p><a href="">Login</a><br>
<a href="">Signup</a>
</p>
</div>
<div class="col-xs-6 col-sm-4">
<p>Contact: +91-9742485069</p>
</div>
</div>
</div>
</footer>
</body>
</html>
我应该在我的 CSS 文件中包含什么来去除链接中的文本装饰?如果我的问题对任何人都没有意义,请原谅我,这是第一次在这里发帖。
这个问题被标记为重复,但我已经尝试了另一个问题 See this question 中提到的所有解决方案这些解决方案对我不起作用。
最佳答案
不确定,但你想要这个吗? See this fiddle
.footer a { color: #fff; }
.footer a:hover { text-decoration: none; }
关于php - 文字装饰 : none; not working,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43069841/