时间戳

首页 > 解决方案 > 我无法让我的 CSS 代码显示我在浏览器中所做的更改

html - 我无法让我的 CSS 代码显示我在浏览器中所做的更改

问题描述

当我刷新它时，我无法让我的 CSS 代码显示我在浏览器中所做的更改。一些 CSS 代码工作正常，而我在下面提供的一些 CSS 代码工作不正常。我正在尝试更改主标题导航栏上的 CSS，但所有更改均无效。例如，如果我将背景颜色更改为红色，则不会发生任何事情。 

   nav {
	width: 100%; 
  	height: 100px; 
  	background-color: #0b98de;
    }

    nav a {
	display: block; 
	font-family: sans-serif;
    font-size: 9px;
    color: white;
	background-color: #17b0cf;
    border: 1px solid #000;
	padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
	text-decoration: none;
    }

    nav a:hover {
    background-color:#e3e7ee
    }

    #logo {
    font-family: 'Hind', sans-serif;
    font-size: 30px;
    letter-spacing: -2px;
    text-shadow: 1px 1px 2px #c4c4c4;
    padding-left: 20px;
    padding-right: 40px;
    margin-right: 10px;
    margin-top: -20px;
    }
<body>
	<nav>
	<a id="logo" href="#">Logo</a>
	<a href="#">How it works</a>
	<a href="#">Sign Up</a>
	<a href="#">Login</a>
    </nav>
   </body>

标签： htmlcss

解决方案

您的文件中有语法错误

nav a:hover{
    background-color:#e3e7ee      
}

你应该在 CSS 中用分号结束。将以下内容更改为

nav a:hover{
    background-color:#e3e7ee;
}

如果它仍然不起作用，请尝试使用其他浏览器并查看它的行为。如果它在不同的浏览器中工作，您将必须清除测试浏览器的缓存。

推荐阅读