首页 > 解决方案 > 关于css没有被应用的问题

问题描述

在此处输入图像描述

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

我正在建立一个网页。网页样式使用bootstrap。下面是一些css。但是,如上图所示,没有应用中间线。你能告诉我为什么吗?

标签: css

解决方案


删除线基本上意味着您尝试应用的样式被将这些样式应用于同一元素的另一种样式覆盖。

这可能是因为您调用了引导程序,它覆盖了您的样式声明。这可以通过在链接引导 CSS 之后链接您的 .css 文件来克服, 或者您可以!important在每个样式之后使用关键字来强制您的样式。

.card-danger{
    background-color: #d9534f !important;
    border-color: #d9534f !important;
}

如果这不起作用,则在引导 css 之后链接样式文件。

我对此不了解更多,因为我不知道您用来设置样式的元素的结构。最好不要使用'!important',因为它是糟糕的工程,以后在项目中,你会遇到同样的错误,但我希望它会完成工作。


推荐阅读