c# - 除了背景图像之外,CSS代码在mvc中不起作用
问题描述
一些 CSS 代码不适用于我的 mvc 网站
我创建了一个链接到 css 文件的布局。视图页面正在使用该布局。当我加载页面时,它知道如何获取背景图像,但一些简单的代码不起作用。我还发现将标题从 css 添加到我的文本类中,但其他类没有。尝试不使用布局直接使用css文件,结果相同。如果需要更多信息,请告诉我。我感谢任何帮助,谢谢
CSS 代码不起作用
h2{
font-size: 35px
}
nav {
margin: 0px auto;
width: 100%;
height: 50px;
background-color: white;
float: left;
padding: 10px;
border: 2px solid red;
position: relative;
z-index: 10;
}
工作的CSS代码
body {
font-family: verdana, sans-serif;
background-image: url('/Images/pawwallpaper.jpg')
}
.text {
text-align: center;
font-size: 35px;
padding: 10px 16px;
position: absolute;
bottom: 10px;
color: #FC5A37;
font-weight: bold;
}
使用布局的视图
@model ToysListViewModel
<h1>@Model.CurrentCategory</h1>
@foreach (var toy in Model.Toys)
{
<nav> <!--change this to <div class="text"> worked -->
<center>
<img src="@toy.ImageUrl" alt="" height="420" width="420" />
<h2>@toy.Name</h2>
<h3>@toy.Price.ToString("c")</h3>
<h4>@toy.Category.CategoryName</h4>
<p>@toy.ShortDescription</p>
</center>
</nav>
}
布局
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap.4.1.3/css/bootstrap.min.css">
<link href="~/Content/site.css" type="text/css" rel="stylesheet" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=dive-width, initail-scale=1" />
<title>Tigerpaw</title>
</head>
<body>
<div>
@RenderBody()
</div>
</body>
</html>
解决方案
由于使用了引导库,您的 css 没有用,但是如果您想在不向属性添加类或 id 的情况下使用它们,则需要将 !important 添加到您的 css 代码中,如下所示:
h2
{
font-size: 35px !important;
}
推荐阅读
- java - 使用 Spring Boot 在侦听器中调用带有 @RequestScope 注释的类
- python - 给定数量的访问地点的旅行推销员问题
- c++ - 使用 MySql C++ 连接器调用 MySql 存储过程
- c# - 如何防止 System.NullReferenceException
- flutter - MaxLength 属性 - 更改默认颜色
- javascript - 替换 document.getElementById("demoID").style.color = "blue"; 是否安全 使用 demoID.style.color = "blue";
- python - 为 ML 保存和加载一种热编码
- laravel - 使用一个 post 请求在两个不同的类中插入操作
- reactjs - 太多的重新渲染。React 限制渲染次数以防止无限循环素材
- asp.net-mvc - 我对 c# mvc 完全陌生,几乎绝望了