@Sergey_Dultsev
Будущий веб-разработчик.

CSS не меняет цвет ссылок. Как поменять цвет ссылки?

Верстаю макет. Сделал навигацию, но по макету надо поменять цвет ссылок и сделать чтобы при наведении цвет менялся и появлялся фон(с этим я справился). Но цвет не меняется. Ещё не работает text-decoration:none;

HTML
<header class = "welcome">
	
		<div class = "navigation">
			<p class = "nav-item"><a href = "#">Home</p></a>
			<p class = "nav-item"><a href = "#">About</p></a>
			<p class = "nav-item"><a href = "#">Work</p></a>
			<p class = "nav-item"><a href = "#">Blog</p></a>
			<p class = "nav-item"><a href = "#">Contact</p></a>
		</div>
     </header>


CSS
.welcome{
	width:100%;
	height:100vh;
	background:url("../image/welcome_01.jpg");
	margin:0px;
	padding:0px;
}

.navigation{
	justify-content:right;
	display:flex;
	align-item:right;
	color:#fff;
	text-decoration:none;
	padding-left:200px;
	padding:60px;
}

.nav-item{
	font-family: 'Titillium Web',sans-serif;
	font-weight:regular;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	display:inline-block;
	padding:10px;
	
}

.nav-item:hover{
	font-family: 'Titillium Web',sans-serif;
	font-weight:regular;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	background:black;
	border-radius:10px;
}
  • Вопрос задан
  • 201 просмотр
Решения вопроса 1
@makboriska
.nav-item a - поменяй для обычного состояния (добавить просто тег а)
.nav-item a:hover - для наведения соответственно
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ZubaZ
@ZubaZ
По-моему, ты не сменил хештег цвета в событии
Ответ написан
pluffie
@pluffie
Стыдно за старые вопросы
а ничего, что у .nav-item и .nav-tem:hover одинаковый цвет прописан?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы