css - CSS文件没有任何效果

Question

我在我的项目中包含了一个 CSS 文件供我自己的 CSS 使用，但它不起作用或对我的页面有任何影响

文件 default.css

.feedbackText{
display: none;
text-align: center;
margin-left: 50px;
color: blue;
}

在 HTML 文件中：

<!-- Bootstrap core CSS -->
<link href="<?=THEME_CSS?>bootstrap.min.css" rel="stylesheet">


<!-- Custom styles for this template -->
<link href="<?=THEME_CSS?>default.css" rel="stylesheet">

稍后在 HTML 文件中

<span id="invalidPasswordFeedback" class="feedbackText"></span>

路径是对的，我从浏览器的源代码中检查了它，PHP代码只是CSS文件的路径。谢谢

标签： csshtmlbootstrap-4

Answer 1

正如一些评论者所说，您的规则可能被另一个更具体的规则覆盖。

您可以通过使 CSS-Selector 更具体来解决此问题，例如：

span#invalidPasswordFeedback.feedBackText{
   /*Your rules*/
}