Html 我无法让CSS代码显示我在浏览器中所做的更改
我无法让CSS代码在刷新浏览器时显示我在浏览器中所做的更改。一些CSS代码工作正常,而我在下面提供的一些CSS代码工作不正常。我正在尝试更改我的主标题导航栏上的CSS,但所有更改都不起作用。例如,如果我将背景颜色更改为红色,则不会发生任何情况Html 我无法让CSS代码显示我在浏览器中所做的更改,html,css,Html,Css,我无法让CSS代码在刷新浏览器时显示我在浏览器中所做的更改。一些CSS代码工作正常,而我在下面提供的一些CSS代码工作不正常。我正在尝试更改我的主标题导航栏上的CSS,但所有更改都不起作用。例如,如果我将背景颜色更改为红色,则不会发生任何情况 nav{ 宽度:100%; 高度:100px; 背景色:#0b98de; } 导航a{ 显示:块; 字体系列:无衬线; 字体大小:9px; 颜色:白色; 背景色:#17b0cf; 边框:1px实心#000; 填充顶部:20px; 右边填充:10px; 垫
nav{
宽度:100%;
高度:100px;
背景色:#0b98de;
}
导航a{
显示:块;
字体系列:无衬线;
字体大小:9px;
颜色:白色;
背景色:#17b0cf;
边框:1px实心#000;
填充顶部:20px;
右边填充:10px;
垫底:10px;
左侧填充:10px;
文字装饰:无;
}
导航a:悬停{
背景色:#e3e7ee
}
#标志{
字体系列:“Hind”,无衬线;
字体大小:30px;
字母间距:-2px;
文本阴影:1px 1px 2px#c4c4;
左侧填充:20px;
右边填充:40px;
右边距:10px;
利润上限:-20px;
}
使用以下HTML代码结构:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
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 {}
#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;
}
</style>
</head>
<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>
</html>
页面标题
导航{
宽度:100%;
高度:100px;
背景色:#0b98de;
}
导航a{
显示:块;
字体系列:无衬线;
字体大小:9px;
颜色:白色;
背景色:#17b0cf;
边框:1px实心#000;
填充顶部:20px;
右边填充:10px;
垫底:10px;
左侧填充:10px;
文字装饰:无;
}
导航a:悬停{}
#标志{
字体系列:“Hind”,无衬线;
字体大小:30px;
字母间距:-2px;
文本阴影:1px 1px 2px#c4c4;
左侧填充:20px;
右边填充:40px;
右边距:10px;
利润上限:-20px;
}
确保HTML语法,创建一个style.css文件,并将css代码插入其中。这将是一个很好的练习
style.css
文件或使用
标记李>
navbar
时,始终遵循正确的模式,首先创建ul
,然后创建li
nav{
宽度:100%;
高度:100px;
背景色:#0b98de;
}
导航a{
显示:块;
字体系列:无衬线;
字体大小:15px;
颜色:白色;
背景色:#17b0cf;
边框:1px实心#000;
填充顶部:20px;
右边填充:10px;
垫底:10px;
左侧填充:10px;
文字装饰:无;
}
导航a:悬停{
背景颜色:灰色;
}
#标志{
字体系列:“Hind”,无衬线;
字体大小:30px;
字母间距:-2px;
文本阴影:1px 1px 2px#c4c4;
左侧填充:20px;
右边填充:40px;
右边距:10px;
利润上限:-20px;
}
页面标题
您的数据库中有语法错误
nav a:hover{
background-color:#e3e7ee
}
你应该在CSS中用分号来结束事情。将以下内容更改为
nav a:hover{
background-color:#e3e7ee;
}
如果它仍然无法工作,请尝试使用其他浏览器,并查看其行为。如果它在其他浏览器中工作,则必须清除测试浏览器的缓存。它正在工作。请检查此项。。创建了代码的代码片段,并在悬停状态下添加了css
背景色:#e3e7ee
,它正在工作。你能解释一下什么不起作用吗?@bender1227修改你的问题标题,弄清楚你的问题是什么。把问题弄清楚,并把你的问题归咎于身体。您的代码对我来说很好。请尝试在浏览器中刷新您的页面。在尝试更改css样式时可能会出现缓存问题。如果我不希望我的样式设置倾向于HTML代码,而是在外部样式表中,这是否仍然有效?仅代码的答案不是IMO的答案,他们应该解释问题和解决方案仅代码的答案不是IMO的答案,他们应该解释问题和解决方案,因此作为注释,最好使用
和
作为nav elementshey@treyBake!!我向你道歉。因为这是一个代码片段解决方案,所以我只能回答代码。我将编辑我的答案。感谢您的建议。请注意:如果属性是列表中的最后一个(或唯一一个),则不需要分号