Question

我购买了一个html模板，并且正在学习编辑它的细节。我现在已经想到CSS用于颜色和诸如此类的风格方面......主题目前是一个丑陋的黄色，我希望它与我们公司的标志颜色（红色和黑色）相匹配。有没有办法一次性改变主题颜色，或者我将不得不编辑单个组件？

我一直试图在导航栏中编辑悬停颜色但没有成功。我会发布代码，如果有人能引导我朝正确的方向发展，我将不胜感激。非常感谢大家。

*/
.menu-bg {
	z-index: 999;
}
.menu-bg .basement-logo {
	padding-top: 5px;
	transition: all 0.3s ease 0s;
}
.navbar-default {
	background-color: inherit;
	border-color: inherit;
}
.navbar {
	border-radius: 0;
	min-height: auto;
	margin: 0;
	border: none;
	z-index: 9;
}
.navbar-collapse {
	float: right;
	margin: 0;
	padding: 0;
}
.navbar-brand {
	padding: 0;
	height: auto;
}
.navbar-nav > li {
	padding: 0;
	margin: 0 0 0 1px;
}
.navbar-default .navbar-nav li a {
	color: #000;
	font-size: 13px;
	font-weight: 600;
	padding: 30px 13px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	background-color: inherit;
	font-family: "Roboto",sans-serif;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background-color: #DC143C !important;
	color: #000;
}
.menu-bg .navbar-default .navbar-nav li a {
	padding: 20px 10px;
	transition: all 0.3s ease 0s;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: #DC143C !important;
	color: #000;
}
.navbar-collapse ul li a:hover{
  color:black;
  background-color:#DC143C;
}
/*

Answer 1

1 /使用本网站查找css中的每种黄色或其他颜色（输入颜色）https://www.w3schools.com/colors/colors_picker.asp

2 /在你的style.css上查找/替换并用你自己的颜色替换

3 /检查你的html文件中是否只有一个css文件被调用。在这种情况下，请在每个css文件中找到替换

仍然没有来自style.css的回应

1 个答案: